手把手教你GitBook使用(三)

简介: 详细的记录了一步步搭建自己的电子文档笔记

3.3 图书输出

目前为止,Gitbook 支持如下输出:

  • 静态 HTML,可以看作一个静态网站
  • PDF 格式
  • eBook格式
  • 单个 HTML 文件
  • JSON 格式

我们这里着重说下如何输出静态的 HTML 和 PDF 文件。


3.3.1 输出为静态网站

你有两种方式输出一个静态的网站:

1. 本地预览是自动生成

当你编辑好 gitbook 文档之后,你可以使用 gitbook 的命令来进行本地预览。

6.png

gitbook 会启动一个 4000 端口用于预览。

比如,通过 gitbook serve 来预览本文档:

7.png

你可以你的浏览器中打开这个网址: http://localhost:4000

8.png

你会发现,在你编辑的 gitbook项目的目录中会多一个 _book 目录,而这个目录中就是生成的本地预览的静态网站内容。

2. 使用 gitbook build 参数

与直接预览生成的静态网站不一样的时,使用这个命令,你可以将内容输出到你想要的目录。

Ps:gitbook build ./{book_name} --output=./{outputFolde}

gitbook build [当前路径] [输出路径]

gitbook build ./ doc # 默认打包输出到当前路径下面的 doc 文件夹中

9.png注意:


打包成功之后,默认输出的文件放在 _book 文件夹里面,编译之后的入口: index.html


无论哪种方式,你都可以将这个静态网站打包,发布到你想要发布的服务器上,或者直接将这个打包文件给阅读者。

3.3.2 输出 PDF

输出为 PDF 文件,需要先安装 gitbook pdf

10.png

一般来说,不推荐安装全局环境,安装局部环境会比较好。


如果在安装 gitbook-pdf 时,觉得下载 phantomjs 包太慢的话,你可以到 phantomjs 的官方网站上去下载。

http://phantomjs.org/

这个包的安装方式,参考其官网的说明文档。


当然,上面的方法,我试了,以失败告终。所以我换了一种方法。

Windows下使用 gitbook 生成PDF文件:https://www.aiyc.top/1969.html

然后,用下面的命令就可以生成 PDF 文件了。

11.png

如果,你已经在编写的 gitbook 当前目录,也可以使用相对路径。

12.png

然后,你就会发现,你的目录中多了一个名为 book.pdf 的文件。



目录
相关文章
|
JavaScript
Vue~在线预览doc、docx、pdf、img文件
Vue~在线预览doc、docx、pdf、img文件
8402 0
|
SQL NoSQL Oracle
正版数据库连接工具,DBeaver的安装与配置使用
正版数据库连接工具,DBeaver的安装与配置使用
正版数据库连接工具,DBeaver的安装与配置使用
|
JavaScript 内存技术
[笔记]Github+Gitbook+Github Page+Typora搭建电子书
[笔记]Github+Gitbook+Github Page+Typora搭建电子书
428 0
|
JSON JavaScript Linux
CentOS7下部署GitBook
CentOS7下部署GitBook
548 0
CentOS7下部署GitBook
|
1天前
|
人工智能 自然语言处理 安全
阿里云AI数智鉴密:AI 生成内容如何拿到一张"防篡改的身份证"
隐形水印 + C2PA签名:让AI生成内容“持证上岗”。
1086 0
|
10天前
|
人工智能 自然语言处理 安全
阿里云千问办公、Qoder Teams、Qoder CN区别与选择指南:模型能力、适用场景与最新活动参考
本文聚焦阿里云2026年推出的三款自研AI办公产品,清晰拆解千问办公、Qoder Teams、Qoder CN的差异化定位与能力边界:千问办公主打职场全场景提效,支持自然语言指令一键完成PPT生成、数据分析等高频办公任务;Qoder Teams面向程序员团队,深度整合AI代码生成、团队协同与企业知识库能力;Qoder CN则专为金融、政务等强合规场景打造,实现数据不出境与VPC私有化部署。文章同步给出分场景选型指南与最新活动定价,帮助不同类型的企业按需组合产品,实现业务岗、研发岗与强合规场景的AI能力全覆盖。
3606 3
阿里云千问办公、Qoder Teams、Qoder CN区别与选择指南:模型能力、适用场景与最新活动参考
|
22天前
|
人工智能 缓存 前端开发
DeepSeek Harness 首发实测 + 入门教程,夯爆了!梁神我错了
DeepSeek Harness + DeepSeek V4 Pro 项目实战保姆级教程!手把手带你从零安装开源 AI 编程工具,开发架构图、知识讲解网站、3D 网页游戏、全栈 AI 应用 4 个项目,覆盖运行模式选择、插件安装与开发,看看能不能对标 Claude。
13340 91
DeepSeek Harness 首发实测 + 入门教程,夯爆了!梁神我错了