㊗️ Hugo で個人ブログはじめました 🎉

はじめまして、ぼのです。
ついに念願だった個人ブログを始めました〜〜！！🎉
前に作りかけて設定で挫折したのが2022/2月だったからなんと4年前…
今はChat GPTに手順を教えてもらってサクッと設定できてしまったのだからすごい時代になりましたな。

雑多な個人ブログとして始める予定なので、技術メモ、旅行記録、買ってよかったものなど、いろいろ書いていこうと思います✊

さて、今回はこのブログの構成についてメモしておこうと思います。

なぜ Hugo にしたのか

今回 Hugo を選んだ理由は、なんとなく前に同僚の方が話していて気になったから、というゆるっとした理由です。
良さそうと思ったところは主に以下の3点。

特に大きかったのは、記事を Git で管理できること。
普段の開発と同じ感覚で使えるし、設定変更やテーマ調整も含めてひとつのリポジトリで扱えるのがわかりやすい。（ブログ投稿することでGitに草も生やせるし😏）

構成はかなりシンプル。

ローカルで記事を書いて GitHub に push すると、Netlify が自動でビルドして公開してくれる。
ブログ運用のためにサーバー管理をあまり意識しなくていいのは、かなり楽。

最初に Hugo をインストールして、新しいサイトを作成。

brew install hugo
hugo new site myblog
cd myblog
git init

次にテーマを追加して、設定ファイルにテーマ名などを記述した。
テーマはStackを利用させていただきました。（シンプルで読みやすくてオシャレ✨）
Stack Card-style Hugo theme designed for bloggers https://themes.gohugo.io/themes/hugo-theme-stack/ No Image

git submodule add git@github.com:CaiJimmy/hugo-theme-stack.git themes/stack

hugo.toml はこんな感じにしています↓

baseURL = "https://bonohonobono.netlify.app/"
languageCode = "ja-jp"
title = "ぼののほのぼのブログ"
theme = "stack"

記事は Hugo のコマンドで作成できる。

hugo new posts/first-blog.md

ローカル確認は以下を実行します。

hugo server -D

ここまでできたら GitHub に push して、Netlify 側でリポジトリを連携。
ビルドコマンドを hugo、公開ディレクトリを public に設定してデプロイした。

まだ立ち上げたばかりだけど、すでに良いと感じている点がいくつかある。

Markdown を書いてコミットするだけなのがかなり気楽。
WordPressなど他サービスを使ったことはないので比較はできないが、管理画面でいろいろ設定があったりするようなので、個人的には書いてPushするだけなのが快適。

記事本文の変更だけでなく、テーマ調整や設定変更も Git の履歴に残せる。
履歴が追いやすいのは、やっぱり便利。

Netlify と GitHub を連携すると、push ベースで更新できる。
この運用にしておくと、ブログ更新の心理的ハードルがかなり下がる。

とりあえず公開まではできたので、次はこのあたりを進めたい。

まずは継続してブログを更新することが目標！💪
私は文字に書き起こすのはちょっと億劫だけど話すのは得意なので、音声認識機能を使って文字起こし＆Chat GPT で構成を整えてもらうという方式でやってみようかな〜と思ってます。

個人ブログの構成として、Hugo + GitHub + Netlify はエンジニアの私にとってはかなり扱いやすい組み合わせだった。

しばらくはこの構成で、技術メモや調べたことものなどを雑多に残していくつもり。
ブログ自体も少しずつ育てながら、長く続けられる形にしていきたいな🌱