Windows10でGithub Pages+Jekyllのローカル環境構築

##やろうとしていること
Github Pages(github.io)でポートフォリオサイトを構築したい。
そのためにローカルで開発環境を構築したい。

##GitHub Pagesとは？
https://username.github.ioにアクセスするとGithubリポジトリから直接Webサイトにアクセスできる仕組みです。
詳細は公式ページを参照してください

##インストール

• Ruby(-v 2.6.5-1)
• Jekyll(-v 4.0.0)
• bundler(-v 2.1.4)

手順の参考：Jekyll on Windows

###Rubyのインストール
Ruby公式サイトのダウンロードページからRuby+Devkit 2.6.5-1をダウンロードする。

###JekyllとBundlerのインストール

GitBash

gem install jekyll bundler

私は手元にあったGit Bashを使いました。Bashなら何を使ってもよいと思います。

##Jekyllで新規サイトを作成する

• bundlerからJekyllのnewを実行する

GitBash

$ bundle exec jekyll new mysite --force
$ cd mysite
$ bundle exec jekyll serve
Configuration file: C:/Users/~~/documents/github/~~/mysite/_config.yml
            Source: C:/Users/~~/documents/github/~~/mysite
       Destination: C:/Users/~~/documents/github/~~/mysite/_site
 Incremental build: disabled. Enable with --incremental
      Generating...
       Jekyll Feed: Generating feed for posts
                    done in 2.626 seconds.
 Auto-regeneration: enabled for 'C:/Users/~~/documents/github/~~/mysite'
    Server address: http://127.0.0.1:4000/
  Server running... press ctrl-c to stop.

この状態になればhttp://localhost:4000/からサイトにアクセス可能になります。

##jekyllのフォルダ構成の説明

• _posts：ここに.markdownファイルを追加すると投稿ができる
• _config.yml：Themeやページ内のフッターを編集できる設定が書かれたファイル
• about.markdown：ページ内のAboutを編集できる。
• Gemfile：bundlerが作ったGem情報のファイル

より詳しくはTheme: minimaのGithubページにて。

##まとめ
遠い昔のCGI日記ツール見たいな使用感です。好きです。