目次

• 使い方
  • 表示の改良

「GitHub Gist」を使ってコードを載せてみた所， 綺麗に表示することができたのでご紹介します．

使い方

https://gist.github.com/にコードをあげます．

上部にあるEmbedに書かれている下記のようなScriptをダウンロードします．

<script src="https://gist.github.com/Absolute-Value/6fe45442837193d88913d67f611692d0.js"></script>

これをHtmlやMarkDownに入れるだけでコードの表示ができます．
以下がその例です．

行数が表示されて見やすいですね！

表示の改良

実はデフォルトだと真っ白で正直ダサく，ダークモードだと眩しいので，cssを編集することで色を変えることができます．

背景の色を変える場合

コード内の文字の色を変える場合

上端と下端が白くなっているので，気が向いたら修正します．