windows 系统下GitBook环境搭建与使用教程

1.搭建Nodejs环境

前往Node.js官网
下载最新版Nodejs windows系统安装包
安装成功后再cmd窗体中输入node -v 查看是否安装成功
参考资料

2.安装 GitBook 可视化编写工具

下载GitBook Editor windows版
安装成功后桌面会有个gitbook图标
双击打开查看是否安装成功:

img_1924f629a4f9c8ffd2a1cfeaf5ebb0a8.jpe
运行效果

点击最下面** 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
示例

5.创建测试项目

比如创建项目test点击Confirm创建

img_ca1fad678e03aab71c17ec0e33a01b43.jpe
示例

创建成功后找到SUMMARY.md

相关说明:README.md 和 SUMMARY.md 是两个必须文件
README.md 是对书籍的简单介绍
SUMMARY.md 是书籍的目录结构

img_6319934375964d5fece62d37a12ce191.png
创建成功

点击右下角 问好 对 Edit Markdown选项打钩

img_eca33555dd76da4c9555f0184100e5b4.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
输入示例内容

然后切换到项目目录中
(比如:F:\GitBook Editor files\Import\test)
按住Shift 然后点击鼠标右键


img_0252d7d7bd5b1e2751e2d810f6eaae3e.png
示例

打开cmd窗体后
输入:gitbook init进行初始化

img_83e5bda208a6f9b83934500c3ab2389f.png
示例

初始化完成后目录会多出几个文件夹(这时GitBook Editor可能会提示重新加载项目,点击蓝色按钮进行加载就可以了)


img_a4fcffb8b7eebf30e8c67f086e94a8b1.png
示例

然后
输入:gitbook serve命令运行查看效果

img_c105745f4fe1e3aaa6f03adf613ed426.png
示例

然后在浏览器中访问http://localhost:4000进行访问

img_237f2079211c4fc481d3965982aadef5.png
http://localhost:4000

6.接下去写自己的文章或说明文档啥的吧

img_52216b9aa61e534d1d00bfd64e707456.png
示例
img_ee11d2deab4d3fddf499c5832ec083f4.png
示例

关于图片,你可以在项目下创建assets文件夹将资源丢在assets文件夹中 然后可以多拽 或手动引入

7.其他

其实还有更加方便的使用,就是你可以直接通过 gitbook editor 创建好项目后通过gitbook buildgitbook serve命令运行编译,后直接把编译好的目录下有个 _book 拷出来 放在自己的服务器上

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值