ブログを Cloudflare Pages に移行した話

TL;DR

  • ブログを GCP + Cloudflare -> Cloudflare Pages に移行した
  • ついでに Hugo のテンプレートも Gokarna に変えた
  • Cloudflare 便利ぽ

はじめに

8月末に長女が誕生し、今は育児休業をもらっています。
新生児期間(誕生から4週間)は妻と互いに一定程度のまとまった睡眠時間を確保するために、夜間は自分が/朝方から午前中は妻が育児を担当する分担を試しています。 (母体は母乳で胸が張るなど長い時間寝るのも大変という事情もあるようですが、枠を確保するというのも大事かなと…)

夜間の育児は、最低3時間に1回の

  • おむつ交換
  • 授乳(粉ミルクなので1度与えたら2時間以上は間隔を開ける)
  • 寝かしつける

といった内容で、全てスムーズに進めば 1時間程度の所要時間となり、次のお世話まで何もなければ 2時間程度のまとまった時間が得られました。

この時間を使って、放置しているブログのネタを作ろうと考えました。

ブログの移行

以前、GitHub のコンテンツを Circle CI で GCS にアップロードして Cloudflare で配信するブログを作成しました。

月日が経ち、今は Cloudflare 中に Pages という機能が追加され、 Cloudflare の中だけで静的コンテンツの配信ができるようになっていました。

今回はこのサービスにブログサービスを移行しようと考えました。

https://zenn.dev/rivine/articles/2023-06-23-deploy-hugo-to-cloudflare-pages

上記ポストを参考に作業を進めました。ありがとうございます!
といっても特にやることはなく、Hugo でビルドできる状態のブログレポジトリを Cloudflare Pages に登録するだけでページを表示することができました。びっくりです。 (GitHub Pages とかもそんな感じなんでしょうか…?)

Hugo のテンプレート変更

ついでに Hugo のテンプレートを Gokarna に変更してみました。

テンプレートのカスタマイズもやってみたいところです。

DNS のレジストラの変更

この機会に DNS のレジストラを お名前.com から Cloudflare に変更してみました。特に お名前.com に不満はなかったんですが、やってみたかったので。

https://zenn.dev/muchoco/articles/9039762136e15c

こちらも↑のポストを参考にさせていただき、特に詰まることなく進めることができました。ありがとうございます!

終わりに

育休中の隙間時間を使ってブログの移行をしてみましたが、色々と便利になっていて驚きました。

とはいえ、隙間時間といってもそうそう上手くいくものではなく、赤ちゃんの体調や機嫌次第であり、自分の体力も無いので赤ちゃんと一緒に寝てしまったりで、作業時間を捻出できたりできなかったりできなかったりしました。

とても可愛い生物が家族に加わって、毎日が大変ながら楽しいですね。

我が子が走り回れるようになった時に一緒に走り回れるように、今から体力増進に努めたいと思いました。

相変わらずブログは放置されているので、今度こそ活用できたらいいなー(棒