Site icon image Notionノート

メモ帳、情報収集、知的生産、タスク管理、時間管理といった全てにNotionをフル活用してやるのさ

Notionをそのままブログとして公開できる!astro-notion-blogのご紹介

Notionに使い慣れた人は、これをそのままブログとして公開できたら楽なんじゃないかと考えることがないでしょうか?

それをするためのツールとして、astro-notion-blog というものがあります。

github等を最低限触るための知識が必要ではありますが、無料で使えて簡単です。

準備

以下が必要になります。

独自ドメインを付けたい場合は別途取得する必要がありますが、Cloudfare Pagesで振られる無料のドメインを使うこともできます。

ブログのイメージ

できあがるブログのイメージとして、本家のサンプルページがあります。

ヘッダ画像くらいは簡単に変更できますが、サイト自体のレイアウトや動きをいじろうとする場合は、Astroの(というかhtml/cssとReact少々の)知識が必要になるかと思います。

あとはgitの操作(Cloneして修正、コミット、プッシュ程度)も必要ですね。

構成の概要

わかる人向けに、ざっくり構成イメージです。

作成手順

基本的にREADME(日本語)の手順通りでできると思います。

その後、テンプレートに含まれるこの記事を参考に、実際に記事の作成・公開を行います。

だいたいはNotionの記法がそのまま使えるので、Notionをエディタとして使えてそのまま公開までできるというのは便利ですね!