GitHub Pages の記事に、 gist のコードを埋め込んでみた。

_config.yml のプラグインのところに、 jekyll-gist を追加。

記事の埋め込む部分に、 gist のコードを記入。ユーザー名と、gist ID、ファイル名を書く。ファイル名は複数ファイルが無ければ書かなくても良さそう。

あとは、見た目が気になるのでスタイルを修正。ここを参考に、 main.scss に追加。自分なりにアレンジしようと思ったけどだいたい同じ感じになってくやしい。

フォントサイズと罫線、背景色の統一。

下部の余白と、メッセージ表示の修正。

一行表示用の余白調整。

使用環境

  • github-pages 193
  • ruby 2.6.0p0
  • jekyll 3.7.4

参考サイト