見出し画像

Notion Blogのプレビュー(ダイジェスト)を表示する

この記事はこちらのクロスポストです

Notion Blogを触り出してはじめに気になったのは、記事一覧で記事の冒頭部分のプレビューが表示されないことでした。

なんで?って思ったんですが、公式?ではちゃんと表示されてるので自分が悪いってのはわかっていました。

原因

結論から言うと、Notionの本文のはじめに出てくる区切り線までがプレビューに使用されると言うのが答えでした。

自分の場合は区切り線をあまり使わず、冒頭の文面の後は目次を置くことが多いので「はじめに出てきた区切り線まで」と言う条件を「はじめに出てきた区切り線・目次まで」をプレビューとして表示することにしました。

修正内容

更新対象のファイルは以下

* getPostPreview.ts
こいつのgetPostPreview関数の中でブロックタイプ判定を行っているので、forでblocksを回しているところを

~~~
if (blocks[i].value.type === 'divider') {
 dividerIndex = i
 break
}
~~~

を、こう変えます。

~~~
if (blocks[i].value.type === 'divider' || blocks[i].value.type === 'table_of_contents') {
 dividerIndex = i
 break
}
~~~

こんだけ。

サンプルのコミット

Notionデータ

あとがき

これで目次までor区切り線までの文字列がプレビューとして表示されるようになりました、わーい😇

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
3
残念なプログラマ🤪 エラートラップ?なにそれ😇

こちらでもピックアップされています

コーディングやWeb
コーディングやWeb
  • 11本

プログラミングの話やらHeroku等のサービスやらいろいろ

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。