このブログはHUGO(ヒューゴ)というブログ構築のためのフレームワークを使っている。HUGOはWordPressなどのブログサイトとは異なり、PC上で記事を書いてそれをHUGOを使って静的なHTMLやCSSを生成してくれる仕組みになっている。従ってWebサーバがあればどこでもアップロードして公開できる。
今回作ったのは、そのHUGOでHTMLやCSSを生成する際に使われるデザインテーマ。最近フロントエンドの画面を久しく作って無かったので、思い出しがてら作ってみることにした。「HUGO 自作テーマ」とかでググると作り方を解説してくれているサイトがいくつもあるし、公式ドキュメントに掲載されている動画が結構わかりやすいので、作り方については困らなかった。ちなみにこのブログはそのテーマを適用している。またURLを見ての通りGitHub Pagesで公開している。
ソースコード
koirand/pulp: Pulp is a theme of Hugo framework for realize simple and readable personal blogs.
スクリーンショット
特徴
- 色数を少なくして読みやすさを意識
- 表示媒体を選ばないデザイン
- 日本語対応
- CSSやJSのカスタマイズ可能
- コードのシンタックスハイライト対応
- OGP,Twitter Card対応
- 一応SEOを意識して作ったけどまだ効果は不明
- GoogleAnalyticsにも対応
今後やりたいこと
- 全文検索ができるようになるといいかな
- しばらく自分のブログで運用して、問題なさそうだったらHUGO公式サイトに掲載してもらう予定