什麼是 Git rebase？重新定義分支基底！
完整學會 Git rebase！從基礎概念到進階操作，包含 merge vs rebase 比較、互動模式 -i 使用、衝突處理流程、復原方法，以及 6 個實務場景範例。適合前端開發者與 Git 初學者，讓你的 commit 歷史乾淨又專業。
工具Git
2,419 字
我的部落格已從 Next.js 搬家到 Astro 啦 🎉
如何將 Express + TypeScript 部署到 Vercel
最近在重構一個專案，更新後發現 Vercel 部署那邊壞掉，後端一直 404 或 500 無法正常運作，找了好久，嘗試很多方法，最後終於解決了，這邊記錄一下。
後端NodeJS
523 字
Cookie vs LocalStorage vs SessionStorage
深入探討瀏覽器儲存機制：Cookie、LocalStorage 和 SessionStorage 的差異與使用場景，以及如何選擇適合的儲存方式。
前端
1,485 字
2024 日本福岡、熊本 🇯🇵 5天4夜行程規劃、景點與美食全紀錄
計畫去日本福岡、熊本自由行嗎？這篇分享我 5 天 4 夜的詳細行程規劃，包含相島貓島、太宰府、海之中道水族館、阿蘇農場樂園等必去景點，以及 ShinShin 拉麵、蜂樂饅頭等美食心得與總花費分析。
生活旅遊
5,519 字
前端打包工具 Webpack v.s. Vite
功能與目的 打包工具的主要目的是整合模組與資源，將代碼編譯為瀏覽器可理解的語法，並進行優化，使部署更加便利。 為什麼需要打包工具？ 模組化支持不足 ES6 前，JavaScript 缺乏標準化的模組系統。打包工具通過支持多種模組格式，解決了兼容性問題。 瀏覽器兼容性 將不被舊版瀏覽器支持的新技術（如 ES6）轉譯為可執
前端
551 字
什麼是 Git rebase？重新定義分支基底！
完整學會 Git rebase！從基礎概念到進階操作，包含 merge vs rebase 比較、互動模式 -i 使用、衝突處理流程、復原方法，以及 6 個實務場景範例。適合前端開發者與 Git 初學者，讓你的 commit 歷史乾淨又專業。
工具Git
2,419 字
如何將 Express + TypeScript 部署到 Vercel
最近在重構一個專案，更新後發現 Vercel 部署那邊壞掉，後端一直 404 或 500 無法正常運作，找了好久，嘗試很多方法，最後終於解決了，這邊記錄一下。
後端NodeJS
523 字
Cookie vs LocalStorage vs SessionStorage
深入探討瀏覽器儲存機制：Cookie、LocalStorage 和 SessionStorage 的差異與使用場景，以及如何選擇適合的儲存方式。
前端
1,485 字
2024 日本福岡、熊本 🇯🇵 5天4夜行程規劃、景點與美食全紀錄
計畫去日本福岡、熊本自由行嗎？這篇分享我 5 天 4 夜的詳細行程規劃，包含相島貓島、太宰府、海之中道水族館、阿蘇農場樂園等必去景點，以及 ShinShin 拉麵、蜂樂饅頭等美食心得與總花費分析。
生活旅遊
5,519 字
前端打包工具 Webpack v.s. Vite
功能與目的 打包工具的主要目的是整合模組與資源，將代碼編譯為瀏覽器可理解的語法，並進行優化，使部署更加便利。 為什麼需要打包工具？ 模組化支持不足 ES6 前，JavaScript 缺乏標準化的模組系統。打包工具通過支持多種模組格式，解決了兼容性問題。 瀏覽器兼容性 將不被舊版瀏覽器支持的新技術（如 ES6）轉譯為可執
前端
551 字
2024 韓國首爾 🇰🇷 5天4夜行程規劃 | T1 朝聖 & 弘大景點美食全紀錄
首次來韓國，想體驗韓服、朝聖 T1 嗎？這篇分享我 5 天 4 夜的首爾自由行行程，包含景福宮、T1 Base Camp 等景點，以及湯飯、馬鈴薯排骨湯等必吃美食心得與花費分析。
生活旅遊
4,022 字
Gitlab Pages 加上自訂域名 Custom Domain
最近為了幫 Gitlab Pages 加上自訂域名時遇上驗證問題，查了一大堆文章都沒有用，耗費非常多時間 🥲，直到我挖到一篇終於解決了我的問題，在此記錄希望能幫助到其他人。 > 📌 以下範例的自訂域名是使用 NameCheaphttps://www.namecheap.com/，但其他域名註冊商設定上應該也是差不多
工具Gitlab
339 字
將多個 Commit 合併成一個 (Squash Commits)
使用 git rebase -i 將多個 Commit 合併成一個，讓專案具有整潔的提交歷史記錄。
工具Git
809 字