!slug 2020061101

!date 2020/06/11

!draft false

!tags Gatsby,Netlify,Notion

!! 年1程度しか更新しないブログでしたが、とうとう2019年は1つも書くことなく知らぬ間に終えてしまっていたようです... 前回、Node-REDでWordpressからHexoへMigrationでブログを刷新したものの、環境を変えた直後のモチベーションでブログを書くものの、3日も経たずに忘れてしまいます...

続かないブログ

年1程度しか更新してないブログですが、とうとう2019年は1つも書くことなく知らぬ間に終えてしまっていたようです...

前回、Node-REDでWordpressからHexoへMigrationでブログを刷新しましたが、環境を変えた直後のモチベーションでブログを書くものの、3日も経たずに忘れてしまいます。

途中、Netlify CMSに移行したりもしたんですが、移行だけで力尽き、とうとう記事にさえしなかったようです。

つまり、これまで移行し続けた環境はいずれも執筆のモチベーションが上がる環境ではなかったようです(他責)

Notionを更新するとブログが更新されるようにする

今はNotionを使ってドキュメント書いてるので、わざわざブログを書きにブラウザでCMSにログインしたり、ソース開いてgithubにpushしたり面倒なことをしなくても、手元のNotionでドキュメント書いたらブログが更新されるようにすれば最高じゃない!

ということで調べてみるとVercal(旧ZEIT Now?名前変わった?)使った記事がたくさん。自分が使ってるNetlifyだと数記事しかない。GatsbyのプラグインでNotionをソースにできるようだ。でも情報が少なかったり古かったりで思ったより難航...

なので2020年6月現在でうまくいった(このブログがそう)方法を記しておきます。

Notion側の設定

まずは、Notionでソースにするドキュメントを作って公開します。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/109c248f-7788-4dd9-ac6f-a2b53e5e58bc/_2020-06-11_15.35.43.png

こんな感じで親ページを作ります。

次に作ったページの Share をクリックして Share to the web のスイッチをONにして、直下に表示される公開用URLをコピーします。後ほど設定で使いますのでメモしておきます。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/232089cd-5f70-4436-baa2-4db18a52e346/_2020-06-11_15.36.11.png