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用美咲フォントライブラリを更新しました »
「パソコン・インターネット」カテゴリの記事
- Windows標準のパッケージ管理ツール「Winget」(2024.11.25)
- 美咲フォントの調査(メモ その1)(2024.03.07)
- 初Mac機! MacBook Airを購入しました(2021.05.22)
- DockerをWindows 10に導入しました(2020.03.01)
- Windows 10でisoイメージファイルをDVDに書き込む(2020.02.28)
「日記・コラム・つぶやき」カテゴリの記事
- gitでサブモジュールを作成する(2025.02.01)
- 焼き芋ちゃんカレンダー、ポチリました(*´ω`*)(2025.01.31)
- Windows環境不要かも..(2025.01.20)
- 不明なアクセス集中ページを非公開にしました(2025.01.15)
- Arduino IDE 2.3.4でArduino STM32を利用する(2025.01.12)
« 豊四季タイニーBASIC Arduino機能拡張版の修正中(5) タイマー割り込み機能の追加 | トップページ | Arduino用美咲フォントライブラリを更新しました »
コメント