Github Pagesのテーマをカスタムする
Github Pagesのテーマをカスタムする Github Pages でテーマをカスタマイズ 現在、ドメイン直下の静的なページはgithub pagesにおいているのですが テーマが何となくしっくりこない → カスタム出来る?という部分から調べ始めたところ https://help.github.com/articles/customizing-css-and-html-in-your-jekyll-theme/ こんな感じにやってねと記載があり 使用しているテーマのリポジトリを参照したところ、こんな感じでできるよ!とあったのでやってみることに https://github.com/pages-themes/architect CSS CSSについては共通で 例えば、上部ヘッダを青っぽいものから黒にする場合は下記の通り /assets/cssを作り、style.cssを作成 --- --- @import "{{ site.theme }}"; header { background: black; } @importの下に上書きしたいCSSを書く HTML html自体を変えたいときは /_layouts/default.htmlを作成し、そこにリポジトリのオリジナルを置いて編集をする 例えば、右フレームに非表示フラグを付けてとりあえず非表示にしたい場合 test.js こんなブロックを作成し囲み {% if site.show_sitebar %} ...snip... {% endif %} _config.yaml show_sidebar: false と追記すると非表示にできる。