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
と追記すると非表示にできる。
コメント
コメントを投稿