Hugoテーマを作ってみた

前々から気になってたHugoのテーマを作ってみた

• テーマ名「天」
• リポジトリ
• デモサイト→https://ten-demo.pages.dev

作ってて一番良かったなと思った所はローカルでの開発環境構築が簡単だった所

WordPressのテーマ作成と比べて良かった点

• 必要なのはhugo.exeファイル1つだけ（WordPressの場合 PHP MySQL Nginx と色々パーツが必要）
• データベースも依存関係も無いのでパスを通すだけですぐに作れる
• hugo new theme my-theme でテーマのスケルトンを作れる
• 組み込みのコードハイライト機能がある

WordPressのテーマ作成と比べてマイナスだった点

• 日本語のドキュメントが少ない
• デバッグが難しい
• 静的サイトなのでコメントや検索などは外部サービスが必要になる

動的サイトと静的サイトを比べるのはどうかと思うけど、ブログとかの場合Hugoで十分なんじゃないかと思ってたので作ってみて正解でした

Hugo の良き所

• Markdownで記事を書ける😂
• リーフバンドルで記事と画像をひとつのフォルダにまとめられる📂
• ビルドがめちゃ速い🚀
• GitHub Pages, Cloudflare Pages で無料でホストできる🎁

※ちなみにこのサイトはHugo + Cloudflare Pages でホストしてます

Hugoテーマを作るにあたって

テーマ作成で参考にしたサイト

• From WordPress to Hugo, a mindset transition
• Context And Variables In The Hugo Static Site Generator

Go は一切触ったことが無かったけど意外と短時間でできました（2週間ぐらい？）

どちらかと言うとデザインに時間がかかったくらいで半分以上はfigmaに費やしてました

テンプレート言語を使ったことがあればスッと作れると思うのでそういう方にはオススメできると思います

がんばれHugo🚀