Hugo テーマ 1. single テンプレート
2021-10-24 15:59:05 hugohugo new theme から始まり、テンプレート single.html の編集を行います。それにより、個別のページが表示されるようにします。
やりたいこと
まずは、極力シンプルに、必要最低限の表示がされることを確認していきます。
表示確認は、このページに対して行います。
hugo new theme absence
今回のテーマ名は「absence」とします。
hugo new theme absence
すると、以下のようなファイルツリーが出来上がります。
※テーマの作成に関係のないものは除外しています。
> tree
.
|-- themes
| |-- absence
| |-- LICENSE.md
| |-- archetypes
| | `-- default.md
| |-- layouts
| | |-- 404.html
| | |-- _default
| | | |-- list.html
| | | `-- single.html
| | |-- index.html
| | `-- partials
| | |-- footer.html
| | `-- header.html
| |-- static
| | |-- css
| | `-- js
| `-- theme.toml
今回は、上記の中ほどにある themes/absence/layouts/_default/single.html を編集します。
表示するのは最低限とする
とりあえず、タイトルと内容が表示されるようにします。
他の、例えばメニューやらタグやら Google Analytics やらの対応は行いません。 CSS や JavaScript なんてとんでもない! …というくらい最低限のページにします。
最終形
|
|
参照したもの | URL |
---|---|
Site 変数 | https://gohugo.io/variables/site/ |
Page 変数 | https://gohugo.io/variables/page/ |
表示結果
hugo server -w -D -t absence
- 📄 GOEXPERIMENT + Build Constraints2024-02-13 22:32:04例えば GOEXPERIMENT=rangefunc の場合にビルドしたい/したくない場合の書き方
- 📄 reqdumper2024-01-02 10:53:41受け取った HTTP リクエストの内容を出力するだけの HTTP サーバー
- 📄 detour2024-01-02 10:29:11Windows のショートカット先を書き換える CLI アプリ
- 📄 Popcorn2023-10-21 22:00:18自分がよく使うコマンドを登録して呼び出すための Vim script
- 📄 deline2023-10-21 21:08:33Vim の statusline をカスタマイズしやすくするための Vim script. すぐに使
- 📄 k7jis2023-01-07 15:18:44Keychron K7 を JIS 配列のキーボードとして使っている場合に便利なキーマッピングを追加
- 📄 csv2xlsx2023-01-05 21:23:31CSVファイルをXLSXファイルに変換するツール
- 📄 slack-file2022-08-25 23:13:37Slackにアップされたファイルを操作するツール(主に削除)
- 📄 footrest2022-06-07 22:17:13DBMS に接続して REST API 化するアプリ
- 📄 Go言語でのスタックトレースを簡素化する2022-05-05 23:38:03Go言語のパッケージ: 冗長なスタックトレースを簡素化して出力します。