PC

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の管理対象外とした。

.gitignore をとりあえず

.hugo_build.lock
public/
resources/

としてざっくり初期ファイルをGitにコミットしておく。

git add .
git commit -m "Initial"

とりあえず今日はここまで。カスタマイズは後日。