NotionBlogはじめの二歩目

社内の2020年のアドベントカレンダーを書くのに、何で書こうかな？と迷っていておりましたが、せっかくNotionを使い始めたので、NotionをBlog化することにしました。

Notionは、何もしなくても、PageをShareする機能があるので、個人的に作成したページをそのままShareして、簡易的にBlogのような運用をすることもできるのですが、本格的なBlogとして使うには、[Vercel](https://vercel.com/) (旧名：ZEIT)と連携し、Notionで編集したものを、Vercel経由で公開するという方法が有名なようです。(2020年12月頃に、軽く調べた感じ)

早速Notion-Blogの環境を構築して、ページを作ろうとしたら、Notion自体に慣れていなくて、ページを作れずに困ってしまいました。

そこで、この記事では、Notion-Blogの環境を構築(はじめの一歩)した後の、二歩目(=実際にBlogのページを作って公開する)を紹介したいと思います。結論から言いますと、Notionの使い方がわかっていないことに起因する単純な話でした。。

私は、エンジニアなので、技術的な話は読めば概ね理解できますが、そもそもこういったモダンな？ブログツールについては、知らなかったです。以下のような状況でした。

• ヘッドレスCMSを、聞いたことがある程度しかしらない
• SSG(Static Site Generator)は、なんとなく知っている
  • github pagesが、jekyllベースであることをなんとなく知っている
  • Gatsbyというのが、SSGとしてはよく聞くようになってきたなという印象がある
  • Next.js,Nuxt.jsは、React,Vueにおける、SSG(やSSR(Server Side Rendering))を実現するためのフレームワークであることを、なんとなく知っている(Nuxtにちょっと触ってみたレベル)
• Vercel(ZEIT)って、Next.jsの開発元やん！！まったく知らんかった
• Notion自体が、移行し始めて一月だったので、まだ使い方も探り探り状態だった

NotionをBlog化できることは、なんとなく知っていたのですが、具体的な手順は、以下を参考にさせていただきました。

https://blog.35d.jp/2020-05-23-notion-blog-1

上記の記事は、とても丁寧に解説されており、紹介されているところまでの手順は、まったく問題なかったのですが、さて、いざBlogのページを作ろうとしたらどうしていいか迷ってしまいました。Notionの使い方がわかっていないことに起因する単純な話なのですが、この記事では、NotionBlogの環境構築後に最初のページを作る方法を紹介します。

まずは、Notion Blogの環境構築が終わると、Blogのトップページはこんな感じで表示されます。

うんうん、無事に動いているようです。

Notion側には、以下のようなテーブルが生成されていました。

さて、私はここで迷いました。ここからBlogのページを作ることがよくわからなかったのです。

直感的には、Newを押せばページが作れそうなので、Newを押したらこうなりました。

ただ、これでページが作られたようなのですが、左側のNotionのメニューにはページが現れません(ここでハマった。。。)

おそらく、NotionでTableを使っている人には、当たり前の事かもしれないですが、私の普段の使い方だと、この左側のメニューでページを作ったり編集したりしているので、困惑しました。

知っている人には、まったくなんてことはない話なんだと思いますが、左側のメニューにでてこなくても、このTableに編集するためのリンクが貼られているので、そちらから編集するようにします。

こちらのリンクからページを開くことができ、それを編集することで、公開するBlogページの編集が可能です。

また、編集して公開したい場合は、忘れずにPublishedにしましょう。Publishedにすることで、Blogの一覧ページに表示されるようになります。

ちなみに、AuthorsとDateを設定すると、それが画面に反映されますが、予約投稿をしてくれるわけではないようです。

なんにしても、これで無事にブログを公開することができました。めでたしめでたし。