iT邦幫忙

鐵人檔案

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

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

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

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 建立SSH Key & Github 推版常見用法

SSH Key 是什麼? SSH Key 是一對 加密金鑰(Key Pair),分成: 私鑰 (Private Key):放在你的電腦,不能外洩。...

2025-10-04 ‧ 由 huahaubuhau 分享
DAY 22

Day 22 部署至 GitHub Pages

更: 如果上線的網站是純靜態,不需打任何api,才適合用 github pages 部署! 部署步驟 首先要建立一個 github repo,且要把專案 g...

2025-10-05 ‧ 由 huahaubuhau 分享
DAY 23

Day 23 優化部署至 Vercel

在 Github 部署後每一次都要手動 npm run generate 和 npm run deploy 才會部署上線,但其實也可設定 GitHub Acti...

2025-10-06 ‧ 由 huahaubuhau 分享
DAY 24

Day 24 網站效能檢查(Lighthouse)+ 改善

可以在正式上線的網頁中,按 F12 > Lighthouse,讓他對網頁進行效能檢查。檢查結果會有以下分類: 1. Performance 效能...

2025-10-07 ‧ 由 huahaubuhau 分享
DAY 25

Day 25 其餘部署知識

很常聽到前後端在講一些關於部署上線的專有詞彙,今天想把這些詞彙定義整理起來。 本機開發程式碼專案→打包→部署上線 我在 Nuxt 或 Vue 專案裡寫了很多東...

2025-10-08 ‧ 由 huahaubuhau 分享
DAY 26

Day 26 整合設計理念 PDF 頁面

記得在 project-card 上設計了兩個按鈕嗎?一個是「設計理念」,另一個是「產品網址」。希望「設計理念」按鈕點擊後,直接打開我在 Day 18 準備的內...

2025-10-09 ‧ 由 huahaubuhau 分享
DAY 27

Day 27 最後的 UI 打磨(字體、間距、對齊、設計一致性)

[v] 可視寬度左右邊的padding [v] 設計理念的 btn 顏色跑掉,btn 字體大小參考文件:https://vuetifyjs.com/...

2025-10-10 ‧ 由 huahaubuhau 分享
DAY 28

Day 28 SEO 作用?真的可以讓 google 搜尋到嗎

設定這麼多 SEO的內容,那 google 真的就可以搜尋到我的網站了嗎?哇~我發現沒有耶~以下可以確認: 1. 網站可以公開訪問 是公開的不需要登入的網站,g...

2025-10-11 ‧ 由 huahaubuhau 分享
DAY 29

Day 29 全站回顧:從草稿到完成 &後續優化項目

這一個月來我做了什麼: 前置規劃 思考整體資訊架構、CIS 色彩、UI 排版 Figma - 從線稿到 mockup 單一專案作品集呈現,想要傳遞的內容 &g...

2025-10-12 ‧ 由 huahaubuhau 分享
DAY 30

Day 30 鐵人賽心得

本來就一直想要做一個屬於自己的作品集網站,剛好趁著這次鐵人賽的機會和挑戰,用 30 天的時間把它實現! 但最難的其實不是寫程式,而是從「草稿」開始。要先規劃 U...

2025-10-13 ‧ 由 huahaubuhau 分享