Published on2023年2月4日讓網頁標題文字更均衡、好讀,使用 react-wrap-balancer使用 react-wrap-balancer 在 React.js 網頁實作 Balance Text,平衡每一行文字寬度,讓視覺更舒服。輕量化簡單易用,支援 React 18 及 Next.js SSR
Published on2022年10月15日總結與回顧:一個炫砲技術部落格的誕生 - Modern Next.js Blog 系列 #30總結這系列 30 天內從零開始、用現代前端技術打造的炫砲個人部落格,回顧學到的內容、實作出的功能、及用到的技術
Published on2022年10月14日在 Next.js Contentlayer blog 實作舊路徑轉址 - Modern Next.js Blog 系列 #29在 Next.js 的 getStaticProps 裡,實作每篇 MDX 文章的舊路徑轉址
Published on2022年10月13日使用 next-i18next 實作中英文多語系 - Modern Next.js Blog 系列 #28在 Next.js Contentlayer 部落格中,使用 next-i18next 實作中英文多語系,包含語系切換按鈕及 Command Palette
Published on2022年10月12日在 kbar Command Palette 實作文章搜尋 - Modern Next.js Blog 系列 #27讓 Command Palette 指令面板能搜尋所有文章,並跳轉到特定文章內頁
Published on2022年10月11日使用 kbar 加入 Command Palette 指令面板 - Modern Next.js Blog 系列 #26安裝 kbar 套件來實作 Command Palette 指令面板,並使用 Tailwind CSS 美化樣式
Published on2022年10月10日使用 giscus 在 Next.js 加入留言系統 - Modern Next.js Blog 系列 #25使用 @giscus/react 來在 Next.js 部落格內加入留言系統,綁定 Github Discussions 來當作留言板
Published on2022年10月9日在 MDX 文章側邊加入目錄 - Modern Next.js Blog 系列 #24在 Contentlayer 部落格加入文章側邊目錄,讓讀者一目瞭然文章結構,使用 github-slugger 及 IntersectionObserver
Published on2022年10月8日使用 nprogress 加入換頁進度條 - Modern Next.js Blog 系列 #23使用 nprogress 套件加入頁面切換進度條,改善讀者體感效能