鐵人檔案
每個工程師都值得擁有個人網站！這30天讓我們一起用上各種前端現代技術，自幹一個炫砲個人網站吧！
主題將涵蓋：用 MDX 格式寫文章、炫砲樣式切版、程式碼 highlight、多語系、架站、RSS、SEO、留言區、效能優化等。
用到的技術如下：React.js、Next.js、TypeScript、TailwindCSS、Markdown、MDX、ContentLayer、i18next、Vercel、GA、Storybook等。
TL;DR 這是「Modern Blog 30 天」系列第 21 篇文章，上一篇我們在內文小標題加入 anchor 錨點了，這篇我們會來修改內文 CustomL...
網站效能瓶頸通常是圖片讀取速度太慢。為了提升讀者體驗、和 SEO 分數，這一篇我們來最佳化內文圖片效能！ 這篇修改的程式碼如下：https://github....
這是「Modern Blog 30 天」系列第 23 篇文章。 上一篇優化完了內文圖片效能，這篇我們繼續來改善讀者體感效能，使用 nprogress 來加入換頁...
上一篇加完了換頁進度條，這篇我們繼續加入另一個炫砲且實用的功能：「文章側邊目錄」，讓讀者一目瞭然文章結構！ 最終效果如下： 這篇修改的程式碼如下： http...
這是「Modern Blog 30 天」系列第 25 篇文章。 上一篇加完了文章側邊目錄，這篇我們再來加入另一個炫砲且實用的功能：留言系統！ 最終效果如下：...
這是「Modern Blog 30 天」系列第 26 篇文章。 上一篇加完了留言系統，這篇我們繼續加入另一個酷炫功能：「Command Palette 指令面板...
這是「Modern Blog 30 天」系列第 27 篇文章。 上一篇加完了 Command Palette 指令面板，這篇我們來繼續擴充它，讓 Command...
讓我們來完成這個系列最後一塊重點功能：「i18next 中英文多語系支援」，讓部落格走向國際！ 最終效果如下： 這篇修改的程式碼如下：https://g...
這是本系列最後一篇實作文，最後來實作一個微小但重要的功能：舊路徑轉址！ 這篇修改的程式碼如下：https://github.com/Kamigami55/ne...
這是「從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術」系列第 30 篇文章。 在這 30 天裡，我們一起...
