フォト
2019年11月
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
無料ブログはココログ

« 豊四季タイニーBASIC Arduino機能拡張版の修正中(5) タイマー割り込み機能の追加 | トップページ | Arduino用美咲フォントライブラリを更新しました »

2019年7月15日 (月)

GitHub Gist掲載プログラムソースをココログに埋め込む

ココログのリニューアル以降、<pre>タグを使ったプログラムソース掲載が正しく動作せず困っていたのですが、
GitHub Gist掲載プログラムソースを埋め込む方法で代替え出来そうです。

次のソースは、Gist掲載プログラムソースを埋め込んでいます。
見た目のカスタマイズは、下記の記事が大変参考になりました。
   ・Gistのコードをブログに埋め込む際のカスタマイズ【プラグインなし】
      https://reasonable-code.com/gist-embed-customize/

埋め込み例
<script src="https://gist.github.com/Tamakichi/f973ac8e9204ad4ada6babe19c1bedfc.js"></script>
上記のデザイン変更は、ココログのCSS定義で次の設定を行っています。

行番号表示を無くしたり、フォントサイスを小さくしたり、行間を詰めたり、背景色を付けたりしています。
一番下のGitHubバーの表示も消せるのですが、どのソースを参照しているか分からなくなるため、あえて付けています。
ただし、高さを狭くして目立たないようにしました。

« 豊四季タイニーBASIC Arduino機能拡張版の修正中(5) タイマー割り込み機能の追加 | トップページ | Arduino用美咲フォントライブラリを更新しました »

パソコン・インターネット」カテゴリの記事

日記・コラム・つぶやき」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

« 豊四季タイニーBASIC Arduino機能拡張版の修正中(5) タイマー割り込み機能の追加 | トップページ | Arduino用美咲フォントライブラリを更新しました »