GitBook的使用方式,快速创建网页文档

Posted bobo1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了GitBook的使用方式,快速创建网页文档相关的知识,希望对你有一定的参考价值。

环境需求:node npm 得装好

-----------------------------------

我一开始不知道得先装gitbook-cli

先执行了 npm install gitbook -g

然后执行 gitbook -V   报了个错:

You need to install "gitbook-cli" to have access to the gitbook command anywhere on your system.
If you‘ve installed this package globally, you need to uninstall it.
>> Run "npm uninstall -g gitbook" then "npm install -g gitbook-cli"

然后我没npm uninstall -g gitbook 

就直接npm install -g gitbook-cli

结果执行:gitbook -V  始终显示在安装gitbook

之后uninstall 也卸载不了,只好去npm的目录下,把gitbook和gitbook-cli在npm的目录文件里删了,最后重新先执行:npm install -g gitbook-cli

然后执行:gitbook -V,就自动开始安装gitbook了

技术图片

然后再执行: gitbook  -V,这时候显示如下,安装成功!

技术图片

--------------------------------这时候可以开始创建写网页文档模板了------------------------------------

新建一个你要写网页文档的文件夹

在当前文件夹下启动cmd执行:gitbook init

技术图片

创建成功,这时候我们可以看见文件夹下出现了两个文件README.md 和 SUMMARY.md 

 技术图片

README.md 是说明文档,而 SUMMARY.md 其实就是书的章节目录

接下来,我们执行:gitbook serve ,然后在浏览器地址栏中输入 http://localhost:4000 便可预览书籍。

技术图片

浏览器显示:

技术图片

这时候我们可以看见在gitbook文件夹中生成一个 _book 文件夹, 里面的内容即为生成的 html 文件

 技术图片

当我们不想开启服务器,可以执行:gitbook build

这时候我们就可以直接本地打开_book文件夹下的index.html

 

SUMMARY.md

这个文件主要决定 GitBook 的章节目录,它通过 Markdown 中的列表语法来表示文件的父子关系,如下:

技术图片

对应的目录就是下面这样

技术图片

 

 是不是很简单啊

 

以上是关于GitBook的使用方式,快速创建网页文档的主要内容,如果未能解决你的问题,请参考以下文章

文档工具GitBook使用

GitBook使用

创建自己的gitbook

用Gitbook快速搭建Wiki

gitbook 制作 beego 参考手册

基于GitBook框架搭建技术文档平台