鐵人檔案
每個工程師都值得擁有個人網站！這30天讓我們一起用上各種前端現代技術，自幹一個炫砲個人網站吧！
主題將涵蓋：用 MDX 格式寫文章、炫砲樣式切版、程式碼 highlight、多語系、架站、RSS、SEO、留言區、效能優化等。
用到的技術如下：React.js、Next.js、TypeScript、TailwindCSS、Markdown、MDX、ContentLayer、i18next、Vercel、GA、Storybook等。
TL;DR 這是「Modern Blog 30 天」系列第 11 篇文章，上一篇我們在 Next.js blog 搭配 Tailwind CSS 加入了「暗黑模...
TL;DR 這是「Modern Blog 30 天」系列第 12 篇文章，上一篇我們使用 Tailwind CSS 美化了 navbar, footer 等全站...
TL;DR 這是「Modern Blog 30 天」系列第 13 篇文章，上一篇我們使用 Tailwind CSS 美化了首頁樣式，這篇我們會繼續美化文章內頁樣...
一個技術部落格的靈魂在於文章內的程式碼，程式碼區塊要好讀，讀者才會想看下去。 程式碼區塊最基本至少要支援「語法凸顯 Syntax Highlighting」，用...
上一篇我們讓程式碼區塊支援 Syntax Highlighting 了，這篇我們來讓它多出區塊標題！ 這篇修改的程式碼如下：https://github.co...
上一篇我們讓程式碼區塊顯示了標題，這篇我們繼續讓它更好用，來加入「複製按鈕」！ 結果截圖如下： 這篇修改的程式碼如下：https://github.com...
TL;DR 這是「Modern Blog 30 天」系列第 17 篇文章，上一篇我們完成所有樣式切版了，這篇我們會使用 next-seo，為全站設定標題、描述文...
TL;DR 這是「Modern Blog 30 天」系列第 18 篇文章，上一篇我們設定完全站 meta data 了，今天我們來用 next-sitemap...
TL;DR 這是「Modern Blog 30 天」系列第 19 篇文章，上一篇我們做完 Sitemap 生成了，這篇接著來做非常相似的 RSS Feed 生成...
TL;DR 這是「Modern Blog 30 天」系列第 20 篇文章，上一篇我們做完 RSS Feed 生成，完成所有部落格功能了。後續讓我們繼續加入更多炫...
