Beacons

目標:做一個本機優先、可部署成靜態網站的個人連結頁,集中展示社群帳號、作品與聯絡方式。 技術棧建議:Astro 或 Vite + React、TypeScript、CSS,內容以本機 JSON 或 Markdown 管理,部署到 GitHub Pages 或 Cloudflare Pages。 需求: - 建立可自訂名稱、頭像、簡介與個人標籤的首頁 - 支援連結卡片,每張卡片可設定標題、網址、圖示、描述與排序 - 提供 Instagram、YouTube、TikTok、Threads、X、GitHub 等社群圖示 - 支援作品集區塊,每個作品可放圖片、標題、說明與外部網址 - 支援電子郵件、聯絡表單與自訂 CTA 區塊,表單先輸出成 mailto 連結 - 提供兩套以上配色主題與背景樣式,可從設定檔切換 - 所有文字、連結、圖片與顯示順序都能在單一設定檔修改 - 在本機記錄連結點擊事件,用簡單頁面顯示各連結點擊次數 - 提供響應式版面,手機畫面優先並支援深色模式 - 產生 SEO title、description、Open Graph 圖片與 favicon 設定 - 提供一鍵匯出或複製完整內容設定為 JSON - 對外連結加上 rel="noopener noreferrer",並檢查空網址與無效網址提示 明確不做(out of scope):付款與商品結帳、電子報寄送服務、多人帳號與權限、內建拖放編輯器、第三方分析平台串接、短網址服務。 README 要求:說明本機啟動方式、設定檔欄位、圖片放置規則、部署到 GitHub Pages 或 Cloudflare Pages 的步驟,以及如何匯出與搬移內容。