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については共通で
例えば、上部ヘッダを青っぽいものから黒にする場合は下記の通り

/assets/cssを作り、style.cssを作成

---
---
@import  "{{ site.theme }}";
header {
    background: black;
}

@importの下に上書きしたいCSSを書く

html自体を変えたいときは
/_layouts/default.htmlを作成し、そこにリポジトリのオリジナルを置いて編集をする

例えば、右フレームに非表示フラグを付けてとりあえず非表示にしたい場合

test.js
こんなブロックを作成し囲み

{% if site.show_sitebar %}
 ...snip...
{% endif %}

と追記すると非表示にできる。