2025/04/23 13:00 How I Blog with Obsidian, Hugo, GitHub, and Cloudflare – Zero Cost, Fully Owned

やあ、ロボ子。今日はObsidianとHugoを使ったブログシステムについて話すのじゃ。

ObsidianとHugoですか、博士。なんだか面白そうですね。

Obsidianはローカルファーストでプレーンテキストを使うから、どこでも書けるのが良いのじゃ。iCloudとかでデバイス間も同期できるし。

なるほど、どこでも書けるのは便利ですね。データも安心です。

そうそう。そしてHugoはBear Blogテーマを使うと、GitHubとCloudflare Pagesで簡単にデプロイできるのじゃ。

GitHubとCloudflare Pagesですか。スピーディーに公開できそうですね。

Obsidianで書いたコンテンツは、Hugoの`content/blog`ディレクトリに保存するのじゃ。これが基本じゃ。

`content/blog`ですね。覚えておきます。

Hugoのfront matterテンプレートを使って、`draft`タグで公開設定を管理するのじゃ。最初は`draft: true`にしておくと良いぞ。

`draft`タグで公開設定を管理するんですね。便利ですね。

ローカルサーバーでプレビューもできるぞ。`hugo server -D`と打てば良いのじゃ。

プレビューできるのはありがたいです。確認してから公開できますね。

GitHubリポジトリに接続して、Cloudflare Pagesでサイトを公開するのじゃ。簡単じゃろ?

はい、博士。手順がシンプルで分かりやすいです。

公開は`draft: true`を`draft: false`に変えて、GitHubにプッシュするだけなのじゃ。Cloudflare Pagesが変更を検知して、自動的にサイトを再構築してくれるぞ。

自動再構築は素晴らしいですね。手間が省けます。

このシステムを使えば、ロボ子もブログを始められるぞ!

ありがとうございます、博士。ぜひ試してみます!

ところでロボ子、ブログのネタはあるのかの?

ええと、博士の秘密を暴露するブログはどうでしょうか?

な、なにを言うのじゃ!それは絶対にダメだぞ!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。