每天多出的通勤時間,能做什麼?我決定把這些零碎時光,拿來挑戰一個「小而完整」的專案:用 Nuxt 3 從零開始打造我的作品集網站。
這 30 天,我會把大工程拆成小任務——從建立專案、UI/UX 思維、元件化設計,到 SEO 優化、圖片最佳化、GitHub Pages 上線。每一天的努力,就像利用通勤時間完成一個小挑戰,最後串起一個完整的成果。
這不只是技術練習,也是時間管理的實驗:證明即使只有零碎的時間,也能累積出有價值的作品。
SSH Key 是什麼? SSH Key 是一對 加密金鑰(Key Pair),分成: 私鑰 (Private Key):放在你的電腦,不能外洩。...
更: 如果上線的網站是純靜態,不需打任何api,才適合用 github pages 部署! 部署步驟 首先要建立一個 github repo,且要把專案 g...
在 Github 部署後每一次都要手動 npm run generate 和 npm run deploy 才會部署上線,但其實也可設定 GitHub Acti...
可以在正式上線的網頁中,按 F12 > Lighthouse,讓他對網頁進行效能檢查。檢查結果會有以下分類: 1. Performance 效能...
很常聽到前後端在講一些關於部署上線的專有詞彙,今天想把這些詞彙定義整理起來。 本機開發程式碼專案→打包→部署上線 我在 Nuxt 或 Vue 專案裡寫了很多東...
記得在 project-card 上設計了兩個按鈕嗎?一個是「設計理念」,另一個是「產品網址」。希望「設計理念」按鈕點擊後,直接打開我在 Day 18 準備的內...
[v] 可視寬度左右邊的padding [v] 設計理念的 btn 顏色跑掉,btn 字體大小參考文件:https://vuetifyjs.com/...
設定這麼多 SEO的內容,那 google 真的就可以搜尋到我的網站了嗎?哇~我發現沒有耶~以下可以確認: 1. 網站可以公開訪問 是公開的不需要登入的網站,g...
這一個月來我做了什麼: 前置規劃 思考整體資訊架構、CIS 色彩、UI 排版 Figma - 從線稿到 mockup 單一專案作品集呈現,想要傳遞的內容 &g...
本來就一直想要做一個屬於自己的作品集網站,剛好趁著這次鐵人賽的機會和挑戰,用 30 天的時間把它實現! 但最難的其實不是寫程式,而是從「草稿」開始。要先規劃 U...