iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
自我挑戰組

《運用通勤時間打造線上履歷作品集:30 天 Nuxt 自我挑戰》 系列

每天多出的通勤時間,能做什麼?我決定把這些零碎時光,拿來挑戰一個「小而完整」的專案:用 Nuxt 3 從零開始打造我的作品集網站。
這 30 天,我會把大工程拆成小任務——從建立專案、UI/UX 思維、元件化設計,到 SEO 優化、圖片最佳化、GitHub Pages 上線。每一天的努力,就像利用通勤時間完成一個小挑戰,最後串起一個完整的成果。
這不只是技術練習,也是時間管理的實驗:證明即使只有零碎的時間,也能累積出有價值的作品。

參賽天數 4 天 | 共 4 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 開賽宣言 & 主題介紹:為什麼用 Vue/Nuxt 做網站

身為台北小小公司的小小社畜,每天花近3個小時通勤,好不容易(真的好不容易)這段時間可以常駐台北,省去大把通勤時間,要拿來做什麼呢?不可能都拿來滑手機、追劇吧,身...

2025-09-14 ‧ 由 huahaubuhau 分享
DAY 2

Day 2 履歷作品集應有的區塊 & UI/UX 畫面規劃

目標 打造一個線上履歷作品集網站,讓面試官能快速理解我的定位、技能、專案成果與聯絡方式,同時透過設計細節展現專業感。 內容架構 個人資料、學經歷 → 定位...

2025-09-15 ‧ 由 huahaubuhau 分享
DAY 3

Day 3 建立 Nuxt 3 專案 & 專案結構說明

首先,要先確保電腦有裝環境有 node.js,要 20.x 或更新才可以安裝 nuxt (當不同專案使用不同的 node 版本時,可以用 nvm 來切換 nod...

2025-09-16 ‧ 由 huahaubuhau 分享
DAY 4

Day 4 使用 SCSS 建立設計基礎

昨天已經安裝了 sass 和 sass-loader,這兩個就是 Nuxt/Vue 專案使用 SCSS(Sass)的必要套件。 在 /assets/scss 資...

2025-09-17 ‧ 由 huahaubuhau 分享