なぜ必要なのか

原稿はテキストで管理し、画面の型は再利用したい。記事ごとにページ全体を書き直すと作業が重複します。

どう解決するのか

Markdown記事3件とレイアウト1つから開始します。次へでRubyのビルドから一覧と記事HTML3件を生成し、ホスティング経由でブラウザーへ届けます。この例ではレイアウト欠落で出力前に停止します。閲覧時にRubyの処理は不要です。個人の保存記録には別のAPIが必要です。前へは前段階、リセット・再読み込みは初期状態に戻ります。

Jekyll: 概念シミュレーション

概念シミュレーション

Jekyll

次へでソース → ビルド → 出力 → ホスト → ブラウザーをたどります。

ホスティング前にビルド環境は終了

  1. 01 Markdown記事3件 + レイアウト
    • A17.md
    • B04.md
    • C99.md
    • 共通レイアウト
  2. 02 Rubyビルド · レイアウト

    待機

  3. 03 生成HTMLファイル 0

    index.html · A17.html · B04.html · C99.html

  4. 04 静的ホスト · ファイル公開
  5. 05 ブラウザー · 記事3件を読む

Markdown記事3件 + レイアウト

本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。

どんな考え方なのか

JekyllはRubyのビルド工程でMarkdownとレイアウトを静的サイトに変換します。生成とホスティングは別の選択です。

ビルド依存関係とホスティングを分けて管理します。

出典