Day 28：部署準備：favicon + OG/Twitter 分享

17th鐵人賽

nanako77

2025-10-28 03:14:07

86 瀏覽

分享至

目標：把網站整理成「可分享、有預覽圖」並部署至 GitHub Pages / Netlify。

要改的檔案：index.html、favorite.html、review.html（<head> 區塊）

1. 加入 Meta 與 Favicon

在三個 HTML 的 <head> 裡，補上（放在字體與 CSS 連結之後即可）：

<!-- Day28: Social Preview & Icons -->
<link rel="icon" href="favicon.png">
<meta property="og:title" content="DramaWeb — 追劇清單">
<meta property="og:description" content="Y2K 霓虹風：篩選、搜尋、收藏、心得牆，一站整理你的追劇生活。">
<meta property="og:image" content="https://你的網域/cover.png">
<meta property="og:type" content="website">
<meta property="og:locale" content="zh_TW">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="DramaWeb — 追劇清單">
<meta name="twitter:description" content="Y2K 霓虹風：篩選、搜尋、收藏、心得牆，一站整理你的追劇生活。">
<meta name="twitter:image" content="https://你的網域/cover.png">

小提醒

先準備 favicon.png（32×32 或 48×48）與 cover.png（1200×630 推薦）放在專案根目錄或 assets/。

GitHub Pages：Settings → Pages → Branch 選 main / root；
Netlify：New site from Git → 指向 Repo → 自動部署。

驗收：把網址貼到 LINE/Discord 會出預覽圖與敘述。