Ryusuke Nomoto

Notion Blog始めました

数ヶ月前に Notionというサービスがいいらしい という噂を聞き、使ってみたら神だったので最近の情報整理はもっぱらNotionで行っていました。
そのNotionを使ってブログが書けるNotion Blogなるサービスがあると聞き、試してみたらやっぱり神だったのでその導入作業を備忘として残しておきます 🙋‍♂️

 

Notion Blogとは

フロントエンドをNext.js、バックエンドにNotionを使ったCMSです。
Vercelというホスティングサービスを利用しているのでサーバ代やメンテナンスの手間もいらず、 Notionをエディタとして利用してブログを書くことができ、 OSSとして公開されているためデザインなども自由に変更できます。
 

導入

Getting startedはいろいろなところで紹介されているため省きます 🙋‍♂️
 

デザインを変更する

Notion Blogデフォルトのデザインもよいですが、はてなブログっぽいデザインの方が好みなので変更します。

CSSの変更

デザインを自分好みに変えていきます。全体に関わる部分は global.css 、ブログページ固有部分は blog-module.css を変更します。

感想

デザインも最低限ですができて、なかなかいい感じです。
これまでは某ブログサービスを使っていたのですが、やっぱりエディタの入力利便性がいまいちしっくりきていませんでした。Notionでブログを書いていけるのがとても楽しみです 🙂

今後の展望

以下あたり今後対応していけたらなーと。
  • twitter cardの差し込み対応
  • プロフィールの追加
  • はてなブログからの投稿内容移行
    • 自動化できるのか...
    • 手作業で移し替える泥臭い作業になりそう
badge