喂！我是 Wei

Front-End Engineer

Be a Problem Solver.

⌘K

導覽

所有文章緣起互動小功能

文章分類

目錄
為什麼選擇 Shiki？安裝套件設定步驟第一步：修改 lib/posts.ts第二步：建立自訂 <pre> 元件（可選，加複製按鈕用）第三步：在 app/globals.css 加入 code block 基礎樣式在文章中寫 Code Block進階功能標示指定行數顯示檔名主題設定小結

相關文章

Next.js Blog 實作文章目錄（TOC）

2026年3月7日

在 Next.js 使用 MDX 撰寫技術文章

2026年3月6日

前端工程師面試題：CSR、SSR、SSG 差在哪？Next.js 為什麼適合 SEO？

2026年6月2日

最新文章
全部 →
瀏覽器快取機制：Memory Cache、Disk Cache、Service Worker 與 PWA
2026-06-25
前端 CI/CD 與正式環境除錯：從 Pull Request 到事故排查
2026-06-24
即時資料怎麼選？Polling、SSE、WebSocket 比較
2026-06-23
前端系統設計：如何拆元件、資料流與大型專案架構？
2026-06-22
無障礙不是加 ARIA：語意化 HTML、鍵盤操作與焦點管理
2026-06-21