1.搭建Nodejs环境
前往Node.js官网
下载最新版Nodejs windows系统安装包
安装成功后再cmd窗体中输入node -v 查看是否安装成功
参考资料
2.安装 GitBook 可视化编写工具
下载GitBook Editor windows版
安装成功后桌面会有个gitbook图标
双击打开查看是否安装成功:
![img_1924f629a4f9c8ffd2a1cfeaf5ebb0a8.jpe](https://i-blog.csdnimg.cn/blog_migrate/d56416bea219e0bbc2d03a4407ba3202.jpeg)
点击最下面** Do that later **可不用登陆进入主界面
3.安装gitbook
在任意目录下运行cmd控制台 输入:npm install gitbook-cli -g 进行安装
4.配置gitbook目录
在GitBook Editor界面菜单中找到Change Library Path..来改变工作路径
(比如在:F:\GitBook Editor files)
![img_e2707ccfb31feea755be6587922e29ad.png](https://i-blog.csdnimg.cn/blog_migrate/30424329d947574b32e0b45df3564867.png)
5.创建测试项目
比如创建项目test点击Confirm创建
![img_ca1fad678e03aab71c17ec0e33a01b43.jpe](https://i-blog.csdnimg.cn/blog_migrate/aed6510407c019e9012369f32d95a40c.jpeg)
创建成功后找到SUMMARY.md
相关说明:README.md 和 SUMMARY.md 是两个必须文件
README.md 是对书籍的简单介绍
SUMMARY.md 是书籍的目录结构
![img_6319934375964d5fece62d37a12ce191.png](https://i-blog.csdnimg.cn/blog_migrate/1204909bc661451d62a4481cf5d7bd4d.png)
点击右下角 问好 对 Edit Markdown选项打钩
![img_eca33555dd76da4c9555f0184100e5b4.png](https://i-blog.csdnimg.cn/blog_migrate/466dbb940917bd3dae81091f83b4a432.png)
输入示例内容:
#Summary
* [Introduction](README.md)
* [第一章](chapter1/README.md)
* [第一节](chapter1/section1.md)
* [第二节](chapter1/section2.md)
* [第二章](chapter2/README.md)
* [第一节](chapter2/section1.md)
* [第二节](chapter2/section2.md)
* [结束](end/README.md)
![img_6f01e13cdc5418b479142b0d2a7f576a.png](https://i-blog.csdnimg.cn/blog_migrate/4122e1ed4d077073f13565407b8aa71d.png)
然后切换到项目目录中
(比如:F:\GitBook Editor files\Import\test)
按住Shift 然后点击鼠标右键
![img_0252d7d7bd5b1e2751e2d810f6eaae3e.png](https://i-blog.csdnimg.cn/blog_migrate/f324bc66866b175f35b7ea5cc07e5971.png)
打开cmd窗体后
输入:gitbook init进行初始化
![img_83e5bda208a6f9b83934500c3ab2389f.png](https://i-blog.csdnimg.cn/blog_migrate/b1d75237fdccbe78acd16ea71eaddf94.png)
初始化完成后目录会多出几个文件夹(这时GitBook Editor可能会提示重新加载项目,点击蓝色按钮进行加载就可以了)
![img_a4fcffb8b7eebf30e8c67f086e94a8b1.png](https://i-blog.csdnimg.cn/blog_migrate/2b79332214413f663741f0c9b4ec8aac.png)
然后
输入:gitbook serve命令运行查看效果
![img_c105745f4fe1e3aaa6f03adf613ed426.png](https://i-blog.csdnimg.cn/blog_migrate/6de773240a9094064bb7794a02bf4a53.png)
然后在浏览器中访问http://localhost:4000进行访问
![img_237f2079211c4fc481d3965982aadef5.png](https://i-blog.csdnimg.cn/blog_migrate/00fc09d2af78cb834e5a5679bb6cb2bd.png)
6.接下去写自己的文章或说明文档啥的吧
![img_52216b9aa61e534d1d00bfd64e707456.png](https://i-blog.csdnimg.cn/blog_migrate/11e5086e4786eddb14b7ca307d4c7119.png)
![img_ee11d2deab4d3fddf499c5832ec083f4.png](https://i-blog.csdnimg.cn/blog_migrate/2ac951185aa9c211e4e9671c08d01e85.png)
关于图片,你可以在项目下创建assets文件夹将资源丢在assets文件夹中 然后可以多拽 或手动引入
7.其他
其实还有更加方便的使用,就是你可以直接通过 gitbook editor 创建好项目后通过gitbook build
或gitbook serve
命令运行编译,后直接把编译好的目录下有个 _book 拷出来 放在自己的服务器上