鐵人檔案
每天多出的通勤時間，能做什麼？我決定把這些零碎時光，拿來挑戰一個「小而完整」的專案：用 Nuxt 3 從零開始打造我的作品集網站。
這 30 天，我會把大工程拆成小任務——從建立專案、UI/UX 思維、元件化設計，到 SEO 優化、圖片最佳化、GitHub Pages 上線。每一天的努力，就像利用通勤時間完成一個小挑戰，最後串起一個完整的成果。
這不只是技術練習，也是時間管理的實驗：證明即使只有零碎的時間，也能累積出有價值的作品。
身為台北小小公司的小小社畜，每天花近3個小時通勤，好不容易（真的好不容易）這段時間可以常駐台北，省去大把通勤時間，要拿來做什麼呢？不可能都拿來滑手機、追劇吧，身...
目標 打造一個線上履歷作品集網站，讓面試官能快速理解我的定位、技能、專案成果與聯絡方式，同時透過設計細節展現專業感。 內容架構 個人資料、學經歷 → 定位...
首先，要先確保電腦有裝環境有 node.js，要 20.x 或更新才可以安裝 nuxt （當不同專案使用不同的 node 版本時，可以用 nvm 來切換 nod...
昨天已經安裝了 sass 和 sass-loader，這兩個就是 Nuxt/Vue 專案使用 SCSS（Sass）的必要套件。 在 /assets/scss 資...
此專案會使用 vuetify UI 套件去改寫各個元件，今天要做的元件是 Header。 官方文件：https://vuetifyjs.com/en/compo...
規劃 Intro Section 作為網站進入後的第一個重點區塊。此區塊主要透過簡短的自我介紹與背景故事，快速讓使用者理解我是誰、我的專業定位與核心價值。 1....
今天的目標是完成 技能區塊 (Skills Section) 的設計，呼應 Intro 中「故事 + 技能」的定位，讓讀者能更快掌握我的專業輪廓。 層次化分類...
昨天已建立的 skills.vue 檔案，並做好上半部的 work experience 和 softskills，今天是 Skills Section 的第二...
今天要完成 Project Section 的區塊，跟昨天的 Hardskills 建立元件的概念差不多。 主要切分成最外層的 project.vue （父元...
在 Projects 區塊中，每個專案都會以卡片形式展示。隨著專案數量逐漸增加，若全部一口氣呈現，區塊會過於冗長，影響閱讀體驗。為了避免這種狀況，設計上加入了展...
