歡迎來到 jopiggy.com！👋

這是我的個人數位基地（Digital Hub）。作為一名後端工程師，我一直希望能有一個地方能完整展示我的專案、筆記以及生活興趣。經過一番折騰，這個基於 Astro 的全新版本終於上線了。

為什麼會有這個網站？

過去我開發了不少實用的線上工具（例如密碼產生器、台灣時鐘），但它們總是散落在不同的地方，或者直接掛在子網域下。我希望能建立一個「樞紐（Hub）」，讓訪客可以從這裡出發，探索我所有的數位資產。

目前的規劃架構是這樣的：

• 主站 (本站)：個人介紹、技術部落格、專案入口。
• 工具站 (Tools)：tools.jopiggy.com —— 放置各種實用的小工具。
• 美食地圖 (Food)：(Coming Soon) —— 紀錄我挖掘到的台灣在地美食。

技術堆疊：Astro + Vue 3

為了追求極致的效能與開發體驗，本站採用了 Island Architecture (孤島架構)。

• 靜態生成 (SSG)：使用 Astro 進行構建，確保首屏載入速度極快（這對 SEO 非常重要）。
• 互動元件：在需要互動的地方（例如專案卡片），我使用了 Vue 3。
• 樣式：全面採用 Tailwind CSS，讓開發與維護更加迅速。

MDX 的威力

你現在看到的這篇文章就是用 MDX 撰寫的。MDX 讓我可以在 Markdown 文章中直接嵌入 Vue 元件。

例如，下面這張卡片並不是一張圖片，而是我直接在文章中引入的 Vue 元件程式碼：

這意味著我以後可以在部落格中展示更複雜的圖表、Demo 甚至是互動式教學，而不僅僅是枯燥的文字。

下一步計畫

目前的 jopiggy.com 還只是個開始。接下來我會專注於：

1. 豐富內容：搬運並整理過去的後端開發筆記 (Python/Flask/Docker)。
2. 美食地圖：這是我的業餘熱情所在，我正在規劃如何用地圖介面來呈現我的口袋名單。
3. 持續優化：改進網站的 SEO 與 Core Web Vitals 分數。

感謝你的造訪，歡迎常回來看看！