Theme Customize

（多分）テーマ共通のカスタマイズなど。

Gistの表示を変える

• フッターを消してみた

  CUSTOMIZING GITHUB GISTS

• 色を変えた

  gist-syntax-themes/monokai.css

• 高さを固定した

  ブログに貼りつけたGitHub/Gistのソース埋め込みの高さ設定が簡単だった

• カーソルを当てるとふわっと浮かぶように

  Webデザインにシャドウを取り入れる時のポイントいろいろ

Gist stylesheet full list

/assets/css/main.scss …と、がりがりカスタマイズしてこういうふうにしていたのだが、

一転してさっくりとシンプルに。

/* https://github.com/lonekorean/gist-syntax-themes */
@import url('https://cdn.rawgit.com/lonekorean/gist-syntax-themes/848d6580/stylesheets/monokai.css');

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

Collection一覧

Baseのトップページにある記事一覧が欲しいなー、と。

Minimal Mistakesに組み込んでみたけど、共通で使えるんじゃないかなーと。 リストアイコンにFont Awesome 5も組み込んであるので、そのあたりはてきとーに。

できあがったのがこれ。

記事一覧

Customize Minimal Mistakesでやったやつの元ネタ的な。
年月ベースで書き出したい場合、ページネーション込みだったらこんな感じに。

一覧ならこういう感じに。
年月でのカウントはGithub Pages の Jekyll でアーカイブ機能を実装するより。