:note

Hugoテーマを作った

Hugoのテーマを作る

公式のドキュメントをみてつくってみた

基本方針は

  • グリッドシステム
  • シンタックスハイライト
  • 検索機能
  • アイコンフォント

グリッドシステム

Pure をつかう

5または24分割で指定するグリッドシステム、その他、ボタンなどが少々ある。

シンタックスハイライト

Hugo - Syntax Highlighting

のうち highlight.js をつかう

Getting highlight.js

CDN経由だと、主要な22の言語にしか対応していないので、別途追加する。

検索機能

Hugo に全文検索を取り付けた | the right stuff

を参考に、サイト全体のjsonを生成して、jsでインクリメントサーチする。

アイコンフォント

Font Awesome, the iconic font and CSS toolkit

はまりどころ

list.htmlだとエラーになる

layouts/_default/list.html がどうしてもエラーになってしまう

Only layouts/_default/list.html will work for my post section - support - Hugo Discussion

Hugo - Content Views

li.html にするべきらしい

 
comments powered by Disqus
back to top