- Published on
總結與回顧：一個炫砲技術部落格的誕生 - Modern Next.js Blog 系列 #30
總結這系列 30 天內從零開始、用現代前端技術打造的炫砲個人部落格，回顧學到的內容、實作出的功能、及用到的技術
Hey, I am Eason Chang 👋
I am a Fullstack Developer. I love building cool stuff!
Here I write posts about Software Engineering, Web Dev, Maker, and Productivity.
I currently live in Taiwan 🇹🇼 and work at Trend Micro
Latest Posts
- Published on
在 Next.js Contentlayer blog 實作舊路徑轉址 - Modern Next.js Blog 系列 #29
在 Next.js 的 getStaticProps 裡，實作每篇 MDX 文章的舊路徑轉址- Published on
使用 next-i18next 實作中英文多語系 - Modern Next.js Blog 系列 #28
在 Next.js Contentlayer 部落格中，使用 next-i18next 實作中英文多語系，包含語系切換按鈕及 Command Palette- Published on
在 kbar Command Palette 實作文章搜尋 - Modern Next.js Blog 系列 #27
讓 Command Palette 指令面板能搜尋所有文章，並跳轉到特定文章內頁- Published on
使用 kbar 加入 Command Palette 指令面板 - Modern Next.js Blog 系列 #26
安裝 kbar 套件來實作 Command Palette 指令面板，並使用 Tailwind CSS 美化樣式- Published on
使用 giscus 在 Next.js 加入留言系統 - Modern Next.js Blog 系列 #25
使用 @giscus/react 來在 Next.js 部落格內加入留言系統，綁定 Github Discussions 來當作留言板- Published on
在 MDX 文章側邊加入目錄 - Modern Next.js Blog 系列 #24
在 Contentlayer 部落格加入文章側邊目錄，讓讀者一目瞭然文章結構，使用 github-slugger 及 IntersectionObserver- Published on
使用 nprogress 加入換頁進度條 - Modern Next.js Blog 系列 #23
使用 nprogress 套件加入頁面切換進度條，改善讀者體感效能- Published on
圖片效能最佳化，使用 Next.js Image、plaiceholder、客製 MDX 元件 - Modern Next.js Blog 系列 #22
使用客製化 MDX 元件 CustomImage，搭配 Next.js <Image/> 及 plaiceholder 套件，最佳化內文圖片效能- Published on
強化內文連結換頁速度、加入外部連結 icon - Modern Next.js Blog 系列 #21
修改內文 CustomLink，針對內部連結使用 Next.js 提供的 <Link/> 加速頁面切換；針對外部連結則加入外聯 icon 提示