Notionに使い慣れた人は、これをそのままブログとして公開できたら楽なんじゃないかと考えることがないでしょうか?
それをするためのツールとして、astro-notion-blog というものがあります。
github等を最低限触るための知識が必要ではありますが、無料で使えて簡単です。
準備
以下が必要になります。
- githubのアカウント
- Notionのアカウント
- Cloudfare Pages のアカウント
独自ドメインを付けたい場合は別途取得する必要がありますが、Cloudfare Pagesで振られる無料のドメインを使うこともできます。
ブログのイメージ
できあがるブログのイメージとして、本家のサンプルページがあります。
ヘッダ画像くらいは簡単に変更できますが、サイト自体のレイアウトや動きをいじろうとする場合は、Astroの(というかhtml/cssとReact少々の)知識が必要になるかと思います。
あとはgitの操作(Cloneして修正、コミット、プッシュ程度)も必要ですね。
構成の概要
わかる人向けに、ざっくり構成イメージです。
- astro-notion-blog のリポジトリをforkする
- Cloudflare Pages を使ってデプロイ&ホスティングする
- 実際の記事は Notion API を使って自分のNotionから取得し表示する
- NotionのDBは テンプレート から複製して作る
作成手順
基本的にREADME(日本語)の手順通りでできると思います。
その後、テンプレートに含まれるこの記事を参考に、実際に記事の作成・公開を行います。
だいたいはNotionの記法がそのまま使えるので、Notionをエディタとして使えてそのまま公開までできるというのは便利ですね!