Jekyll入門 (全11回)
マークダウン記法も使える静的サイトジェネレータのJekyllについて、基本的な使い方を学びます。
このレッスンでは Ruby 2.1.1 / gem 2.2.2 / Jekyll 1.4.3 を使用しています。
-
#01 Jekyllとはなにか？ (02:38)
- 概要
- 公式サイト
- 必要となる知識
- レッスンにおける環境
- gem install jekyll
-
#02 jekyll newコマンドを使ってみよう (02:12)
- jekyll new sample
- cd sample
- jekyll serve
- 動作確認
- サーバーの停止方法
-
#03 はじめてのJekyllサイト (02:59)
- プロジェクトフォルダの作成
- index.mdの作成
- YAML Front Matter
- jekyll build
- jekyll serve
- jekyll serve --watch
-
#04 レイアウトを使ってみよう (02:33)
- _layouts
- {{content}}
- 動作確認
-
#05 CSSや画像を使ってみよう (02:35)
- CSSの利用
- 画像の表示
-
#06 page変数を使ってみよう (02:17)
- about.md
- {{page.title}}
- 動作確認
-
#07 site変数を使ってみよう (02:46)
- _config.yml
- site変数
- 日本語の扱い
-
#08 ページの一部を部品化してみよう (02:04)
- _includes
- {% include FILE %}
- 動作確認
-
#09 ブログ記事を作ってみよう (03:00)
- postのレイアウト
- _posts
- 記事の作成
- 動作確認
-
#10 記事の一覧を表示してみよう (02:04)
- 別記事の作成
- 一覧の表示
-
#11 コードを表示してみよう (02:09)
- コードの入力
- {% highlight %}
- syntax.css
- 動作確認
#01 Jekyllとはなにか？
#02 jekyll newコマンドを使ってみよう
2017年2月26日
補足情報 bundlerに関するエラーが出る場合
Jekyllのインストールにはbundlerというgemが必要です。bundlerに関するエラーが出た場合は
gem install bundler
を実行してください。
2017年2月6日
補足情報 jekyll serveコマンドについて
Jekyll 4.3.0ではjekyll serveコマンドにはhostオプションをつける必要があります（ユーザーの方よりご指摘いただきました。ありがとうございます）。
ローカル開発環境のIPアドレスが192.168.33.10の場合は、
jekyll serve --host 192.168.33.10
としたのちに
http://192.168.33.10:4000/
にアクセスするようにしてみてください。
補足情報 Jekyllのインストールに関して
Jekyllを動作させるにはBundlerというgemも必要です。インストール時の
は
としてください。