每天多出的通勤時間,能做什麼?我決定把這些零碎時光,拿來挑戰一個「小而完整」的專案:用 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 區塊中,每個專案都會以卡片形式展示。隨著專案數量逐漸增加,若全部一口氣呈現,區塊會過於冗長,影響閱讀體驗。為了避免這種狀況,設計上加入了展...