GitHub PagesとJekyllでサイト構築

less than 1 minute read

GitHub PagesとJekyllでサイト構築

とりあえずリポジトリ作ってREADME.mdに名前だけ書いて放置していたgithub.ioのページを更新してみた。

GitHub PagesはGitHubがあらかじめ用意しているテーマがいくつかあるが、 MarkdownとYAMLでサイトを作るJekyllフレームワークを採用しているので、世にある他のテーマを使うことができる。

また、Remote Themeの設定をすれば、テーマをダウンロードすることなく適用ができる。

ということで、今回選んだテーマはminimal-mistakesというやつ。

GitHubで検索して、一番上に出てきたのを適当に選んだ。

やってみて

自分の場合は、プロフィールとブログがあればとりあえずいいかなってことで、テーマの機能を絞って導入した。(そもそも載せるようなコンテンツがない) gemのインストールとかは特に迷うことがなく進められたので、よかったが、 そもそもJekyllのサイトの構成を理解しないまま、適当に始めたのでので_config.ymlに書くとどう反映されるのか、どういうディレクトリにどういうファイルを置くべきなのかを逆引き的にファイル名や、コンテンツの内容を検索しながら調べていった。

_config.ymlは最初自分で書いていったが、途中でめんどくなって、テンプレートからコピペしてきた。

_data
  └ navigation.yml #ナビゲーションメニューの内容

# 固定ページを置くところ。
# ここじゃなくてもルートにファイルをおいたり、
# 別のディレクトリ作ってもいい。
_pages 
  └ home.md # permalinkの設定をして上げる必要がある

_posts # ブログ系のページ
assets # ファイル置き場
blog
  └ index.html # /blog のページ

よくわからないのが、blogのページでページネーションを使うためには、ディレクトリを分けて、htmlにして、permalinkの設定をしてはダメらしい。