網站又改版啦～這次首頁變成一座可以逛的小島
上次改成 Astro 的時候說 這次改完後應該不會再改了...吧 嗯...果然還是改了 啊哈哈哈哈 回頭看看自己的首頁...一直都是文章列表 XD 之前的待辦事項還寫著「首頁內容 (目前先用文章列表撐下場面)」，結果這一撐就撐了三年 囧 剛好這幾年做了一些 s
筆記
2026
Vibe Coding 之旅：從零打造書櫃日記 App
「以前一個前端工程師很難獨立完成 App + Backend + DB + Landing Page。現在，我做到了。」 身為一個寫了多年 Angular 的前端工程師，我從沒想過有一天能獨立完成一款手機 App——從 UI 到後端、從資料庫到雲端部署，以及
Cloudflare Workers 圖片壓縮實戰：減少 85% 的踩坑歷程
把書籍封面圖從 390KB 壓到 58KB，減少 85%！這篇文章記錄了我從 Google Apps Script 遷移到 Cloudflare Workers 實現 WebP 壓縮的完整過程，包含各種套件的嘗試與踩坑經驗。 最近在開發一個書架管理 App，使
2025
Vibe Coding 實戰心得
身為一個寫了多年 Angular 的前端工程師，我從沒想過有一天會用 React Native 做手機 App、用 Three.js 做 3D 視覺化。 這一切都要歸功於 AI。 這是早期的 side project，最近用 AI 幫它加上了會員系統——也是實
Astro 5.x 升級實戰：從 4.10 到 5.14 的完整遷移指南
最近進行部落格的技術升級，首先從 Astro 4.10.1 升級到 5.14.1，接著再處理 TailwindCSS v4 升級。Astro 的升級相對平順，主要是 API 變更和最佳實踐的調整，沒有 TailwindCSS 那麼多坑要踩。 升級版本： Ast
Astro + TailwindCSS v4 升級實戰：從 v3 到 v4 的完整遷移指南
最近將部落格從 TailwindCSS v3.4.18 升級到 v4.1.14，過程中踩了不少坑，特別是自訂顏色完全消失的問題讓我困擾了很久。這篇文章記錄完整的升級過程和解決方案，希望能幫助到有相同需求的朋友。 專案環境： Astro 5.14.1 Tailw
2024
2023
網站再次改版 這次改用 Astro 啦～
這次再次將整個網站翻寫啦，雖然樣沒什麼改，但整個框架已大改！！！ 偶然看到 Astro 這個新的框架，整個就是驚為天人啊啊啊 之前被我詬病的 SEO 問題，在 Astro 應該可以解決掉 XD 這個框架只需要熟悉 HTML 與 CSS 就足夠了，學習曲線相對較
使用 SCSS 建立一個 Palette 產生器
宣告變數，以500為主色， 500 以下明度會依續遞增彩度降低，驅近於白 500 以上明度會依續遞減彩度降低，驅近於黑 A100 A700 則是改變主色的飽合度 這裡的變數宣告能當做是 js 裡的陣列，不過在 scss 裡 沒有 string 與 number
2022
初探 Python，用 Python 來寫個爬蟲吧
可到 https://www.python.org/ 這裡進行下載符合作業系統的 python 使用。 網路上有很多 python 安裝教學，這裡就不再贅述囉 安裝的版本是 Python 3.10.8 這裡只有列出目前有在使用的。 查詢 python 版本 查