元エンジニアが選んだ静的サイトジェネレーター「Hugo」で自作ブログを開設するまで

57歳での早期退職を機に、自分の記録を残すためのブログを立ち上げることにした。 ブログといえばWordPressや既存のプラットフォームを使うのが一般的だが、あえて少し毛色の違う方法(静的サイトジェネレーターなど)で構築している。最初は『専門的な話は控えたほうが良いのかな』と迷ったが、まずは自分自身のリアルな備忘録として、技術的な面も含めて淡々と残していくつもりだ。 もし、同じように「一から自分でブログの仕組みを作ってみたい」という奇特な(?)需要があるようなら、退職後の有り余る時間を活かして、詳しい仕組みや構築手順も追々シェアしていきたいと思う。 使う技術(予定) Hugo : ブログコンテンツ管理 Markdown記事からHTML等への変換 Cloudflare Pages : 静的ブログコンテンツのホスティングサイト Git /GitHub : コード管理: コンテンツ履歴管理 GitHub Actions : コンテンツ変換&アップロード Google Form : 問い合わせフォーム というあたり。2026年現在の流行り&一般的な環境かも。とりあえずドメインを取得しなければ無料で高速。 以下、macOS/Linuxに各種開発環境がそろっていて、一通りの作業に不自由ない人向け。 1. Hugoの雛形作成 とりあえずHugoの雛形で作っていく(souki-taishoku-is-not-fireの部分は各自のブログ名等に置き換える) hugo new site souki-taishoku-is-not-fire 2. Git管理とテーマ(PaperMod)の導入 Gitの管理下に置き、 cd souki-taishoku-is-not-fire git init テーマをsubmoduleとして追加、テーマは色々あるが退職することにより人生をミニマルにしたいので、 とりあえずこのブログ予定地もミニマルなデザインのPaperMod を使うことにした。 git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod そのテーマを使うことをhugo.tomlに定義 theme = 'PaperMod' 3. テスト記事の作成とローカルサーバー起動 とりあえず、テストの記事を投稿 hugo new posts/test.md ローカルテスト用のサーバを起動 hugo server -D これで http://localhost:1313/ でブログサイトが立ち上がる。 以上! 4. .gitignore の設定と初期コミット と思ったけど public ディレクトリは変換後のコンテンツ本体なのでGitの管理対象外とした。 ...

2026年6月1日