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用美咲フォントライブラリを更新しました »
「パソコン・インターネット」カテゴリの記事
- ブラザー製 レザープリンター HL-L3240CDWを購入しました(2025.09.20)
- Adobe Acrobat Readerの「しおり」を左表示にする(2025.05.31)
- Windows標準のパッケージ管理ツール「Winget」(2024.11.25)
- 美咲フォントの調査(メモ その1)(2024.03.07)
- 初Mac機! MacBook Airを購入しました(2021.05.22)
「日記・コラム・つぶやき」カテゴリの記事
- 明けましておめでとうございます(2026.01.01)
- 2025年も本日で最後となりました(2025.12.31)
- ブラザー製 レザープリンター HL-L3240CDWを購入しました(2025.09.20)
- たまちゃん16歳になりました(2025.08.03)
- たまちゃんへの暑さ対策(2025.07.22)
« 豊四季タイニーBASIC Arduino機能拡張版の修正中(5) タイマー割り込み機能の追加 | トップページ | Arduino用美咲フォントライブラリを更新しました »

コメント