線上小工具集合站 - AlpacaUwU 羊駝屋

2024/07/17 – 進行中
以 Hugo 打造的靜態網站,收錄多個獨立運作的線上小工具(Apps),無需建置流程、無外部主題,前端搭配 Vue 3 與 Tocas UI 開發各項互動工具。

主要功能:

  • 多工具集合:每個小工具皆為獨立的 Hugo Leaf Bundle,各自帶有專屬素材(樣式、腳本、圖片),方便持續擴充新工具。
  • 免建置前端技術棧:全站以純 Vue 3(ESM)、Tocas UI、SweetAlert2 等函式庫直接引入,無需 npm 或打包工具。
  • 自訂 RWD 工具:自製輕量的響應式 class 解析機制,依螢幕寬度切換樣式,取代手寫 media query。
  • 導覽與友情連結可設定化:導覽列與友情連結頁面內容皆由 params.yaml 統一管理。

Online Site:https://uwu.alpaca.tw/