先留链接防丢失:
安装💦
- NodeJS(v4.0.0及以上)
npm install gitbook-cli -g,gitbook-cli是gitbook的一个命令行工具, 通过它可以在电脑上安装和管理gitbook的多个版本.- 预览书籍:
gitbook serve: 在书籍的文件夹中生成一个_book文件夹,里面的内容即为生成的 html 文件, 通过http://localhost:4000/可以预览书籍。gitbook build: 仅生成_book里的html,不开启服务器。
常用命令💦
gitbook-cli和gitbook是两个软件;gitbook-cli会将下载的 gitbook 的不同版本放到~/.gitbook中, 可以通过设置GITBOOK_DIR环境变量来指定另外的文件夹.
- 生成静态网页:
gitbook build - 生成静态网页并运行服务器:
gitbook serve - 生成时指定gitbook的版本, 本地没有会先下载:
gitbook build ----gitbook=2.6.7 - 列出本地所有的gitbook版本:
gitbook ls - 列出远程可用的gitbook版本:
gitbook ls-remote - 更新到gitbook的最新版本:
gitbook update - 卸载对应的gitbook版本:
gitbook uninstall 2.6.7
目录结构💦
1 | |
Summary💦
示例1:以后会经常用到的
1 | |
示例2:以后会用的但不常用的
1 | |
示例3:最简版本
1 | |
Glossary💦
GLOSSARY.md。该文件主要存储词汇信息,如果在其他页面中出现了该文件中的词汇,鼠标放到词汇上会给出词汇示意。
GLOSSARY.md 格式:
1 | |
book.json💦
book.json 最重要,故单独作为一节。
title:设置书本的标题💦
1 | |
author:作者的相关信息💦
1 | |
description:本书的简单描述💦
1 | |
language:Gitbook使用的语言💦
版本2.6.4中可选的语言如下:
1 | |
配置使用简体中文:
1 | |
gitbook: 指定使用的gitbook版本💦
1 | |
root:指定根目录💦
1 | |
links:左侧导航栏添加链接信息💦
1 | |
styles:自定义页面样式💦
默认情况下各generator对应的css文件:
1 | |
例如使<h1> <h2>标签有下边框, 可以在website.css中设置,这个可以有。
1 | |
plugins:配置使用的插件💦
"plugins": [
"disqus"
]
- 例如上面添加
disqus插件:之后需要运行gitbook install来安装新的插件。 - Gitbook默认带有5个插件:highlight、search、sharing、font-settings、livereload
- 如果要去除自带的插件, 可以在插件名称前面加
-:
1 | |
pluginsConfig:配置插件的属性💦
1 | |
上面就是配置Gitbook界面那个A按钮的默认属性。
structure💦
指定 Readme、Summary、Glossary 和 Languages 对应的文件名,下面是这几个文件对应变量以及默认值:
| 变量 | 含义和默认值 |
|---|---|
structure.readme |
Readme file name (defaults to README.md) |
structure.summary |
Summary file name (defaults to SUMMARY.md) |
structure.glossary |
Glossary file name (defaults to GLOSSARY.md) |
structure.languages |
Languages file name (defaults to LANGS.md) |
GitBook插件💦
可以指定插件的版本可以使用 plugin@0.3.1 , 下面的插件在 GitBook 的 3.2.3 版本中可以正常工作,插件官网。
具体介绍看这里:https://github.com/zhangjikai/gitbook-use/blob/master/plugins.md
- Summary插件:
npm install -g gitbook-summary book sm,一个完整的目录文件SUMMARY.md就生成了 ,之后根据自己的需要修改,进一步的命令就不需要了。
主题💦
我们常用的就是 Book 文档模式,所以只看这部分。
theme-default💦
默认的 Book 主题。将 showLevel 设为 true, 就可以显示标题前面的数字索引,默认不显示。
1 | |
theme-comscore💦
这个主题为标题添加了颜色
1 | |
book.json配置文件💦
- 👉看这里