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

こんにちは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"

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

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

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

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

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

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

iOS、Android、Web、APIサーバーなどのフロントエンド・バックエンドを開発するソフトウェアエンジニアです。 UI/UXが好きです。かっこいいUIやWebデザインを眺めるのが趣味です。 このブログはソフトウェア開発関係の内容を記事にしています。
web service:
GitHubQiitaTwitterはてなブログ
handle name:
nasust
real name:
hideki mori
job:
ソフトウェアエンジニア
develop:
target: ios, android, web page, single page application, api server, system service, cli tool, linux embedded device

lang: c/c++, go, swift, objective-c, java, kotlin, typescript, dart, javascript, ruby, python, php

tool: vscode, xcode, android studio, photoshop, vim, docker