第1章 セクション6 ブログの投稿
このセクションでは、Minimaテーマにおけるブログ記事の投稿方法を説明します。
投稿先のディレクトリとファイル名
まずは、jekyll newで作成されたテンプレートを確認しましょう。
ブログ記事のテンプレートは_postsディレクトリの下にあり、ファイル名は2026-01-26-welcome-to-jekyll.markdownです。
ファイル名の書き方には決まりがあります。
YEAR-MONTH-DAY-title.MARKUP
- YEAR: 年(西暦)
- MONTH: 月
- DAY: 日
- title: タイトル。ファイル名の一部なので、半角文字の英数字とハイフンを用いる。日本語文字は使わない。空白は使えないので代わりにハイフンを使う
- MARKUP: マークアップ言語の拡張子。Markdownなら
mdなど、HTMLならhtmlなど。
テンプレートのブログ記事の日付は、jekyll newで作成した日が反映されますので、2026年1月26日になるとは限りません。
「welcome-to-jekyll」がtitle(タイトル)です。
拡張子は「markdown」で、Markdownで書かれていることを示しています。
なお、Markdownの拡張子は「markdown」や「md」などが可能です。
ブログファイルの書き方
次にファイルの中身を見てみます。
---
layout: post
title: "Welcome to Jekyll!"
date: 2026-01-30 12:15:00 +0900
categories: jekyll update
---
You’ll find this post in your `_posts` directory.
... ... ...
... ... ...
コンテンツの部分は長いので省略しました。
フロントマター
フロントマターを見てみましょう。
- レイアウトには
postレイアウトを使う(Minimaの場合) - タイトルに空白文字があるときはクォートで囲む
- 日時は、ハイフンで区切られた年月日、コロンで区切られた時分秒(日本時間)、世界標準時との時差を記述する。+0900は日本時間が世界標準時と9時間の差があることを意味している。
- カテゴリー(分類)はブログ記事を階層的に整理するためのもの
レイアウト、タイトル、日時は記述しておくことをお勧めします。 カテゴリーは必要に応じて設定してください。
ところで、この例では、ファイル名、フロントマターの両方にタイトルと日時がありました。 その場合、Jekyllはフロントマターの記述を優先します。
日時については注意が必要です。 その日時が将来のものである場合、Jekyllはその投稿を生成しません。 うっかり未来の日時で投稿しないよう、注意してください。
では、新たなブログ記事を書いてみます。 フロントマターは次のようにしましょう。
---
layout: post
title: セント・ジョージ教会
date: 2026-01-30 18:00:00 +0900
category: Church
---
日時の部分は、投稿の日時です。 みなさんが作成するときは適宜変更してください。
テンプレートでは複数形のcategoriesだったキーが、ここでは単数形のcategoryになっています。
それは、カテゴリーに登録する内容がChurchのひとつだけだからです。
他方、テンプレートのカテゴリーはjekyllとupdateの2つだったので複数形のcategoriesが使われたのでした。
カテゴリーの書き方は、セクション16で説明します。
コンテンツ
コンテンツは、MarkdownとHTMLのどちらで書くこともできますが、ここではより簡単に記述できるMarkdownで書くことにします。
ペナンのジョージタウンには、歴史的な建物がたくさんあります。
その中でもひときわ美しい白さを放つのが、**セント・ジョージ教会**です。
## 東南アジア最古の英国教会
1818年に建てられたこの教会は、東南アジアにある聖公会の教会としては**最も古いもの**の一つです。
青い空と、芝生の緑、そして建物の白のコントラストは、写真撮影スポットとしても人気があります。

教会の敷地内には、ペナン島の開発者であるフランシス・ライトの記念碑(パビリオン)もあります。
ジョージタウンの街歩きで疲れたら、この静かな場所で少し休憩してみてはいかがでしょうか。
ブログ記事の保存
できあがったブログ記事は_postsディレクトリの直下に保存します。
ファイル名は2026-01-30-st-george-church.mdとします。
保存が終わったら、ローカル・サーバを起動して、ブラウザで画面を確認してください。 ホームページに、ブログ記事へのリンクができ、そこをクリックしてブログ記事が表示できます。