favicon.ico 它出現在瀏覽器標籤頁上,是網站的標識之一。
準備圖示
首先,你需要準備一個符合您要求的圖示。通常,favicon.ico 使用的是 .ico 格式的圖示檔案,大小為 16x16 畫素。你可以用圖示編輯器或線上圖示生成器建立一個 .ico 檔案。
替換預設的 favicon.ico
找到你的docs目錄,如果沒有docs目錄,就是當前專案的根目錄;然後在其下建立一個public目錄,把圖示放到public目錄中
注意圖示檔名需要為:favicon.ico
。
your-project
├── docs
├──── .vitepress
├────────public // 存放圖示的資料夾
├───────────favico.ico // 你的圖示
重新啟動開發伺服器
更換好後需要重新啟動執行一下本地部落格服務,如果仍然沒有生效,可以強制重新整理一下網頁。