將常用 App 與網站連結整理成一頁式分享頁,掃碼即達,免註冊。
| 功能 | 說明 |
|---|---|
| 即時預覽 | 表單調整同步呈現在手機預覽區 |
| 拖放排序 | 自訂 App 卡片順序與顯示數量 |
| 8 大場景模板 | AI · Language · Habit · Information · Crypto · Fitness · TV · Tools |
| 社群連結 | 預設常用平台圖示,維持品牌一致性 |
| 免註冊 | 所有資料保存在 URL 中,無需帳號 |
- Nuxt 3 — 靜態生成 (
nuxt generate),部署至 GitHub Pages - TailwindCSS — 原子化 CSS
- @nuxt/icon — 按需載入 icon,減少 bundle 體積
- vuedraggable — App 卡片拖放排序
- @vueuse/nuxt — Vue 組合式工具集
- Vitest — 組件單元測試 + composable 測試
確認已安裝 pnpm:
pnpm install啟動開發伺服器(預設 http://localhost:3000):
pnpm dev執行測試:
pnpm test# 監看模式
pnpm test:run # 單次執行
pnpm test:coverage # 覆蓋率報告產生靜態檔案:
BASE_URL=/apps-onelink/ pnpm generate本地預覽:
pnpm preview推送至 main 分支後,GitHub Actions 自動建置並部署至 GitHub Pages。
投影片原始碼位於 slidev/ 目錄:
cd slidev
pnpm install
pnpm dev # http://localhost:3030
pnpm build # 輸出至 slidev/dist/