GitBook 本地部署完整指南:新手 10 分钟跑通文档渲染引擎
2026/8/28 16:40:33 网站建设 项目流程

GitBook 本地部署完整指南:新手 10 分钟跑通文档渲染引擎

【免费下载链接】gitbookThe open source frontend for GitBook doc sites项目地址: https://gitcode.com/gh_mirrors/gi/gitbook

想把团队文档挂到自己的域名下,或逐像素定制文档站的外观?开源的 GitBook 前端渲染引擎就是干这个的,但很多人卡在第一步:该下哪份代码、装什么环境、跑起来后看什么页面?这篇 GitBook 下载与本地部署教程带你走完全流程,10 分钟内本地页面就能跑起来。

判断这个仓库值不值得你跑

它是 GitBook 站点背后的"渲染引擎":读取平台上的内容,渲染出带侧边目录、搜索、代码高亮、深色模式的页面。注意它不是编辑器,不负责写内容,只负责把成品站点漂亮地展示出来。

  • 核心技术栈:Next.js 16 + React 19 + TypeScript + Tailwind CSS
  • 版本下限:Node.js ≥ 22.3,Bun ≥ 1.2.15(低于这个版本读不了项目的文本锁文件)
  • 本地效果:http://localhost:3000下可打开任意已发布的 GitBook 站点

如果你的目标是改渲染层、调主题、嵌进自己的应用,继续往下看;如果你要的是完整自托管写作平台,它满足不了你。

备好两份料:源码从哪拿、环境装什么

先备料再动手,能少踩一半的坑。

源码有两条路:

  1. Git 克隆:git clone https://gitcode.com/gh_mirrors/gi/gitbook—— 适合想持续同步更新、以后要改代码的人
  2. 在仓库页面下载 ZIP 压缩包后解压 —— 适合只想快速体验一次、不打算追更新的人

运行环境装两样东西就够:

  • Node.js ≥ 22.3:项目的运行引擎,版本低了启动命令会直接报错
  • Bun ≥ 1.2.15:新一代包管理器,负责安装依赖和执行项目脚本

装完依赖后,跑第一条启动命令

第一步,进入刚拿到的项目目录:

cd gitbook

预期结果:当前目录下能看到package.jsonpackages/文件夹,说明源码完整。

第二步,安装全部依赖:

bun install

预期结果:拉完大量依赖包后正常结束、无红色报错,根目录生成node_modules文件夹。 ⚠️ 如果中途报 lockfile 相关错误,多半是 Bun 版本低于 1.2.15,升级后重跑即可。

第三步,启动本地开发服务器:

bun dev

它会先生成图标、字体等静态资源,再启动 Next.js 开发服务器,首次启动要等几十秒。 预期结果:终端最终停在类似Local: http://localhost:3000的输出上,不再滚动新日志。 ⚠️ 如果提示找不到.env.local,在项目根目录新建一个空文件,再重启命令。

第四步,浏览器打开这个地址:

http://localhost:3000/url/gitbook.com/docs

预期结果:看到带左侧目录、正文和右侧"本页目录"的完整文档站;改一行代码,刷新后就能看到变化。

核对它真的跑通了吗

判断标准看两处:终端停在Local: http://localhost:3000一类的就绪输出;浏览器打开上面的地址,页面能正常切换、搜索和翻页。

几个高频报错,对照着改:

  • 如果bun dev提示 Node 版本不兼容,就把 Node 升到 22.3 以上再试
  • 如果页面空白或一直转圈,通常是本地连不上 GitBook 平台、拉不到站点内容,先检查网络
  • 如果直接 404,检查地址里有没有漏掉/url/这个前缀

跑通之后还能玩什么

  • 改外观:主题与样式集中在 packages/gitbook/ 下的tailwind.config.tssrc/组件里,保存即热更新
  • 加语言:界面翻译文件放在 packages/gitbook/src/intl/translations/,照着已有文件格式新增即可
  • 部署上线:自托管可行但官方并不推荐,生产可用性和后续升级都要你自己兜底,建议先小范围试点

本项目遵循 GNU GPLv3 协议:对外分发代码必须公开源码,或获取商业许可。

【免费下载链接】gitbookThe open source frontend for GitBook doc sites项目地址: https://gitcode.com/gh_mirrors/gi/gitbook

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询