故障排除
快速解決 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/
目錄 - 驗證建置輸出完整性
快速診斷
問題排查步驟
- 查看錯誤資訊:控制台/終端輸出
- 檢查檔案結構:確保符合規範
- 驗證設定:語法和路徑正確性
- 清理重建:刪除快取重新建置
- 對比工作版本:Git 差異比較
# 貢獻者
載入中...
# 更新日誌
載入中...
查看完整歷史
載入中...