vitepress 如何更換 favicon.ico

azoux發表於2024-05-18

favicon.ico 它出現在瀏覽器標籤頁上,是網站的標識之一。

準備圖示

首先,你需要準備一個符合您要求的圖示。通常,favicon.ico 使用的是 .ico 格式的圖示檔案,大小為 16x16 畫素。你可以用圖示編輯器或線上圖示生成器建立一個 .ico 檔案。

替換預設的 favicon.ico

找到你的docs目錄,如果沒有docs目錄,就是當前專案的根目錄;然後在其下建立一個public目錄,把圖示放到public目錄中
注意圖示檔名需要為:favicon.ico

your-project
├── docs
├──── .vitepress
├────────public  // 存放圖示的資料夾
├───────────favico.ico // 你的圖示

重新啟動開發伺服器

更換好後需要重新啟動執行一下本地部落格服務,如果仍然沒有生效,可以強制重新整理一下網頁。

相關文章