緣起

高中畢業時，我運用當時對 HTML 與 CSS 的了解，自學 JavaScript 寫出第一版個人網頁，並使用 PHP 實現類似 SPA 結合 SSR 的效果：將文章內容寫入 PHP 中，網址列輸入不同參數即顯示不同文章。

不過在大學想維護、增加內容時就遇到了最大的問題：

每次新增新作品、新文章就需要完整地把程式碼重複複製貼上，難以維護。

此外，搜尋引擎的爬蟲難以收錄文章（SEO 效果有限），因此產生了製作新網頁的想法。

關於新網頁

為了解決舊網頁難以維護的問題，並結合這段期間自學的 Vue.js 與大學課堂所使用的 Markdown，幾乎從一開始目標就很明確：Nuxt Content。

Nuxt Content 文章內容可使用 Markdown 撰寫，同時具備簡易資料庫功能，可以輕鬆使用 JSON 與 .md 檔進行文章索引。

此外，本網頁考量到讀者很有可能在第一時間就想了解我的拿手專案、得獎專案等，設計將專案直接顯示在首頁，不用再像舊網頁一樣需要進入分類集才能依年份查看。

同時，因應轉換領域，設計將資訊相關作品放在較優先的位置，並利用 Nuxt Content 集合 Tag，將以往「進度條式」的專長設計移除，改由「我有多少專案使用了該技術？」來呈現。

舊網頁介紹資訊專長的位置

改由專案數量導向的Tag