Skip to content

故障排除

快速解決 BlockTavern 文件開發中的常見問題。

開發問題

伺服器啟動失敗

bash
npm run docs:dev

解決方案

  • 檢查 Node.js 版本(建議 18+)
  • 重新安裝相依性:rm -rf node_modules && npm install
  • 檢查連接埠占用:netstat -ano | findstr :5173

建置失敗

bash
npm run docs:build

解決方案

  • 檢查 Markdown 語法錯誤
  • 驗證所有內部連結有效性
  • 檢查設定檔語法

頁面異常

常見症狀:內容顯示錯誤、樣式異常

解決方案

  • 清除瀏覽器快取(Ctrl+F5)
  • 檢查 Front Matter 格式
  • 驗證圖片路徑正確性

搜尋失效

解決方案

  • 重新建置專案
  • 檢查瀏覽器控制台錯誤
  • 驗證搜尋設定

除錯技巧

開發除錯

瀏覽器開發者工具(F12):

  • 控制台查看錯誤資訊
  • 網路面板檢查資源載入
  • 元素面板除錯樣式

VitePress 除錯模式

bash
# Windows
set DEBUG=vitepress:* && npm run docs:dev

# Linux/Mac
DEBUG=vitepress:* npm run docs:dev

建置除錯

bash
npm run docs:build -- --debug

生產除錯

本地預覽

bash
npm run docs:build
npm run docs:preview

檔案檢查

  • 建置輸出:docs/.vitepress/dist/
  • 靜態資源:docs/.vitepress/dist/assets/
  • 頁面檔案:檢查 HTML 結構

常用工具

  • 連結檢查:使用 markdown-link-check 驗證連結
  • 語法檢查:使用 markdownlint 檢查格式
  • 效能分析:瀏覽器 Lighthouse 工具

設定問題

側邊欄不顯示

原因:檔案結構不符合自動產生規則

解決方案

  • 確保目錄包含 index.md 檔案
  • 檢查檔案命名規範(小寫+連字符)
  • 驗證 Front Matter 格式正確

多語言切換異常

解決方案

  • 檢查 language.js 設定
  • 確保各語言目錄結構一致
  • 驗證路徑對應正確

圖片無法顯示

解決方案

  • 使用相對路徑:./images/pic.png
  • 檢查檔案是否存在於 public/ 目錄
  • 驗證檔案名稱大小寫匹配

部署問題

GitHub Pages 部署失敗

解決方案

  • 檢查 GitHub Actions 工作流程設定
  • 確保 base 路徑設定正確
  • 驗證儲存庫權限和分支設定

靜態資源 404

解決方案

  • 檢查 base 設定是否匹配部署路徑
  • 確保資源檔案在 public/ 目錄
  • 驗證建置輸出完整性

快速診斷

問題排查步驟

  1. 查看錯誤資訊:控制台/終端輸出
  2. 檢查檔案結構:確保符合規範
  3. 驗證設定:語法和路徑正確性
  4. 清理重建:刪除快取重新建置
  5. 對比工作版本:Git 差異比較

# 貢獻者

載入中...

# 更新日誌

載入中...
查看完整歷史
載入中...

BlockTavern Docs