Site cover image

Site icon image電子工作 ~ 50歳の手習い

本職はソフトウェアエンジニア。最近組み込みの仕事がよくあるので勉強がてら楽しんでます。

Notion を使ったブログ構築

こんにちは「MAKO」といいます。

本記事は 📄Arrow icon of a page linkこのブログについて の続きとなります。

前回は、Notion、そして easy-notion-blog アプリとの出会いまで書かせていただきました。

easy-notion-blog について調べると、「おとよ」さんが作成されたもので、なんでも「ブログは速さこそ正義である。」をコンセプトに新しく astro-notion-blog なる Notionブログのアプリを作成されているとのこと。。。

これだと思い内容を確認。

使用するサービスは以下の通り無料で利用できるもので構築できます。

  • Notion(無料プランでOK)
  • Cloudflare(これも無料プランでOK)
  • GitHub(無料 astro-notion-blog を 自分のアカウントに fork)

ただし、ブログで独自ドメインを使用する場合はすでに取得されたドメインを CloutFlareに移管するか、CloutFlareでドメイン取得する必要があるのでその分だけ費用が掛かります。

私は、Cloudflareで「.com」のドメインを取得しましたが、1年のランニングコストは「$9.77」でした。

構築の方法はGitHubにPushされた astro-notion-blog のReadMeファイル(日本語版あり)をみれば、ほぼ問題なく構築できると思います。

上記のReadMeを読みながらブログが表示されるところまでは何もない状態からスタートしてだいたい1時間くらい。

Cloudflare で独自ドメインを取得してブログに独自ドメインを反映させる部分については上記のReadMeファイルの範囲外なので調べながら進めてプラス1時間くらい。

合計で2時間くらいで構築できました。

記事の編集はNotiionで行い、Cloudflareからデプロイするとブログに反映される仕組みですが、Notionでの記事の編集は楽ですね(^^♪

これからブログ更新が楽しみになってきました。