Jekyllの環境構築

Jekyll なかなかいい感じです。なんかずっと昔の PukiWikiBlosxom に通じる手作り感があって、久しぶりに面白いおもちゃを見つけた感じ。

ということで、Jekyll を使って Windows環境で GithubPages に Blog を作成する過程をまとめてみました。実際には JekyllBootstrap を利用していますので、ほとんど躓くことなくBlogを始められましたよ。

Jekyllの環境構築-1 インストールとローカルサーバーの起動

JEKYLL
GITHUBPAGES
 


前回は Middleman を利用して Github にBLOGを作ろうとしましたが、できたBLOGがそっけなさ過ぎたので今日は違うものを試してみます。今回試してみるのは、 Jekyll を使った Jekyll-Bootstrap というツール。同じようなものに Octopress があるみたいだけど、ここを見た感じでは Jekyll-Bootstrap の方がなんとなくいい感じが。ということで 、「ruby と jekyll と jekyll-bootstrap で静的サイトを作る」 をお手本にして...

Jekyllの環境構築-2 初期設定など

JEKYLL
GITHUBPAGES
 


前回は Jekyll のインストールとローカルサーバーでプレビューする方法まで書いたので、今回はテーマの適用と不要ファイルの削除、すぐできそうなカスタマイズ等を行おうと思ったりしてます。まず、テーマなんですが、 ここ が公式みたいで何個か揃ってます。適当なテーマを選んで左下の Install Theme をクリックするとコマンドを表示しますので、そのまま打ち込めばそれだけでテーマが切り替わるようです。かなり楽ですね。僕は dinky を選んでみましたよ。次に細かい初期設定や不要ファイルの削除。まずは、...

Jekyllの環境構築-3 GithubへのPush

JEKYLL
GITHUBPAGES
 


今回は Jekyll で構築したシステムを、Github に送る方法を考えてみる。なんでも、GithubPagesは直接 Jekyll が稼働していて、コンパイル後の静的ページじゃなくてもちゃんとコンパイルして表示させてくれるみたい。実際試してみたのだが、動的ファイルがあるトップディレクトリを送り込んでも、 「_site」以下のデータを送り込んでもほぼ同じように表示してくれる。とすると何が違うのか?って話になるだろうけど、試してみたところ以下の点で少し動作が違う。静的ページだと動的なプラグインが動かな...

Jekyllの環境構築-4 Google analyticsの設定

JEKYLL
GITHUBPAGES
 


新しいサイトを公開するときにはやっぱり読者の反応が気になるところ。ってことで、Google analyticsの設定をしてみる。設定と言っても、_config.ymlを見てみると最初から設定するところがあるので、まあ簡単だろうと余裕をこいていたのだが実際設定してみても全然反映されない。うーんと思って _includes\JB\analytics のソースを見てみたら、有効になるための3つの条件がある。if site.safe and site.JB.analytics.provider and pag...

Jekyllの環境構築-5 まとめページの作成

JEKYLL
GITHUBPAGES
 


同じネタで何個か記事を投稿してると、せっかくだからまとめて一つのページをつくりたくなる。特にこの「Jekyllの環境構築」シリーズとか。そこで、Jekyllの機能を使ってまとめページを作る仕組みを考えてみる。まず、要件的には何度でも楽に作れるように汎用的にするrubyのコードは書かずにテンプレートの機能で実装するというところだけは譲れない。そこで、参考になる機能やコードがないか探したところ、「 includes/JB/page_list 」が参考になりそう。ということで作ったものがこれ。inclu...

Jekyllの環境構築-6 オレオレオリジナルテーマの作成

JEKYLL
GITHUBPAGES
 


Jekyll-Bootstrapは現時点で 7つのテーマ が用意されていて、お好みで 簡単に切り替える ことが出来るようになっている。だけど、やっぱりオリジナルテーマを使いたくなるのが人間なんでちょっと試してみました。RubyとかLiquidの作法はよくわからないんで適当にやった記録ですが、その方法とかを残しておきます。基本的に触るのは以下のファイルで、今回作ったテーマが「inkfish」。まあ、イカです。+---assets| ---themes| +---inkfish| ...