技術 在 MDX 文章側邊加入目錄 - Modern Next.js Blog 系列 #24

上一篇加完了換頁進度條，這篇我們繼續加入另一個炫砲且實用的功能：「文章側邊目錄」，讓讀者一目瞭然文章結構！ 最終效果如下： 這篇修改的程式碼如下： http...

技術 圖片效能最佳化，使用 Next.js Image、plaiceholder、客製 MDX 元件 - Modern Next.js Blog 系列 #22

網站效能瓶頸通常是圖片讀取速度太慢。為了提升讀者體驗、和 SEO 分數，這一篇我們來最佳化內文圖片效能！ 這篇修改的程式碼如下：https://github....

技術 強化內文連結換頁速度、加入外部連結 icon - Modern Next.js Blog 系列 #21

TL;DR 這是「Modern Blog 30 天」系列第 21 篇文章，上一篇我們在內文小標題加入 anchor 錨點了，這篇我們會來修改內文 CustomL...

技術 加入程式碼區塊「複製按鈕」，使用客製化 MDX 元件 - Modern Next.js Blog 系列 #16

上一篇我們讓程式碼區塊顯示了標題，這篇我們繼續讓它更好用，來加入「複製按鈕」！ 結果截圖如下： 這篇修改的程式碼如下：https://github.com...

技術 讓 Contentlayer 文章支援 MDX - Modern Next.js Blog 系列 #08

TL;DR 這是「Modern Blog 30 天」系列第 8 篇文章，上一篇我們實作了 Markdown 格式的文章內頁，這篇我們會擴充它，讓他支援 MDX...

技術 玩轉 Storybook: Day 28 Design System for Developers - Document

通過 Storybook Docs 推動 Design System 的採用 Design System為整個組織的利益相關者服務，因此我們需要教其他人如何從經...