シンプルなブログのテンプレートを作成する

こんにちはnasustです。 今回は、single.htmlとlist.htmlを作成して、 シンプルなブログのテンプレートを自作します。

config.toml

初めにシンプルなブログを作成する為のconfig.tomlを設定します。 設定は以下のようにしました。

baseURL = "http://example.org/"
title = "Simple Blog"
defaultContentLanguage = "ja"
languageCode = "ja-jp"
disablePathToLower = true
hasCJKLanguage = true
pluralizeListTitles = false

[taxonomies]
    tag = "tags"
[permalinks]
    post = "/:year/:month/:filename"
[params]
    description = "シンプルなブログ"
    eyecache = "images/eyecache.png"
toml

共通のテンプレートを作成する

サイトのデザインにて共通部分があります。 まず初めに共通部分を含むベースのテンプレートを作成します。

baseof.htmlをlayouts/_defaultディレクトリに作成します。 このHTMLをsingle.htmlとlist.htmlのベースにします。

baseof.htmlはベーステンプレートです。 ベーステンプレートとは。他のテンプレートのベースとなるテンプレートです。

特徴としてテンプレートの任意の位置を上書き出るような機能があります。

次回はbaseof.htmlの作成します。

prevnext