当ブログの機能拡張として、画像によるリンク、アプリの埋め込み、Youtube、CodePenの表示に対応しました。

当ブログはNotionで生成したマークダウン形式の文字列をReactMarkDownを使用してhtmlに変換しています。

　

🚀参考にさせていただいた記事

• 1.React マークダウンを HTML 変換するライブラリ試してみた📒
• 2.Youtubeの埋め込みを作る📒

　

🚀使用したライブラリ

• 1.ReactMarkDown📒
• 2.rehypeRaw📒
• 3.ReactYoutube📒

　

🚀表示例

🐡URL埋め込み

TypeScript×React家計簿アプリへのリンク

---

　

🐡画像リンク

---

　

🐡Youtube再生

使用ライブラリ📒

---

---

🐡CodePen埋め込み

←ホームに戻る