You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Quarto网站导航栏嵌入Bookdown Gitbook并适配GitHub Pages?

解决Quarto网站部署GitHub Pages后Notes导航404的问题

以下是针对性的排查和解决步骤:

  • 确认资源目录配置是否生效
    检查你的_quarto.yml中resources配置,确保_notes文件夹被明确包含,比如:

    resources:
      - _notes/
    

    需确保整个_notes文件夹(包括内部的docs子目录)都被Quarto打包部署,避免仅指定子目录导致遗漏。

  • 修正导航链接的相对路径
    本地预览路径和GitHub Pages部署根路径可能存在差异:

    • 若你的站点是项目站点(路径为<username>.github.io/<repo-name>),导航链接要使用站点根目录相对路径:
      navbar:
        left:
          - text: "Notes"
            href: "/<repo-name>/_notes/docs/index.html"
      
    • 若为用户/组织站点(直接<username>.github.io),路径可简化为/_notes/docs/index.html。
  • 检查GitHub Pages部署源设置
    进入仓库Settings → Pages,确认部署源选择gh-pages分支(Quarto默认部署分支),且部署目录为/root。若手动修改过部署目录,会导致资源路径不匹配。

  • 验证Bookdown文件完整性
    查看gh-pages分支下的_notes/docs目录,确认Gitbook的HTML文件、样式表、脚本都已完整上传。若文件缺失,重新运行quarto publish gh-pages强制完整打包部署。

  • 清理缓存重新发布
    缓存残留可能导致旧路径失效,可按以下步骤操作:

    rm -rf _site
    git branch -D gh-pages
    quarto render
    quarto publish gh-pages --no-browser
    

    强制重新生成并部署所有文件。

  • 检查.gitignore规则
    确认.gitignore没有排除_notes目录或其内部docs子文件夹,否则Git不会追踪这些文件,导致部署时缺失。

内容的提问来源于stack exchange,提问作者Ladislas Nalborczyk

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 11:11:15