GitBook可以在您的计算机上用于构建本地书籍,,可以本地预览

安装gitbook

环境要求:

安装GitBook,您的系统需要安装NodeJS(推荐v4.0.0及以上版本)

NodeJS下载地址

使用npm安装

安装GitBook的最佳方法是通过NPM。在终端提示符(cmd命令行)下,只需执行以下命令即可安装GitBook:

npm install gitbook-cli -g

gitbook-cli是一个在同一系统上安装和使用多个版本的GitBook的实用程序。它将自动安装所需版本的GitBook来构建一本书。

安装成功后,执行gitbook -V查看版本信息。

至此,gitbook安装成功

GitBook 基本使用

gitbook 的基本用法非常简单,基本上就只有两步:

  1. 执行gitbook init命令初始化书籍目录
  2. 执行gitbook serve命令编译书籍

    下面将结合一个非常简单的实例,来介绍 gitbook 的基本用法。

初始化 - gitbook init

  1. 首先,编辑文件内容

  2. 在书籍项目根目录执行 gitbook init命令初始化文件夹,会自动生成两个必要的文件 README.md 和 SUMMARY.md(这两个文件是GitBook制作电子书的必要文件)。

    • README.md: 书的介绍文字,如前言、简介,在章节中也可做为章节的简介。
    • SUMMARY.md: 定制书籍的章节结构和顺序。
  3. 我的文件目录树

    执行tree \f命令可以查看文件目录(包含文件夹和文件)

    ├─GitBook.md
    ├─README.md
    ├─SUMMARY.md
    ├─chapter1
    │ ├─file1.md
    │ └─file2.md
    └─chapter2
    └─other.md
  4. 编辑目录文件——SUMMARY.md

    目录的语法如下:* [显示的目录名](文件夹/文件名#标题id)

    这里的id有个规则,基本上是和标题名一致,具体通过网页的F12查看id:

    • ···/-/中文字体/数字/小写字母格式不变
    • 大写字母改成小写
    • 大部分特殊符号直接省略不写
    • 空格用符号-代替
    # Summary 示例目录
    * [Introduction](README.md)
    * [GitBook](GitBook.md)
    * [安装GitBook](GitBook.md)
    * [操作环境](GitBook.md#操作环境)
    * [NodeJs安装](GitBook.md#nodejs安装)
    * [初始化](GitBook.md#初始化)
    * [预览](GitBook.md#预览)
    * [文件一](chapter1/file1.md)
    * [个性化配置](chapter1/file1.md#个性化setting)
    * [插件](chapter1/file1.md#插件)
    * [文件二](chapter1/file2.md)
    * [其他](chapter2/other.md)

预览书籍 - gitbook serve

书籍目录结构创建完成以后,就可以执行gitbook serve命令来编译和预览书籍了。

  1. 编译:命令行中执行gitbook serve

    gitbook serve 命令实际上会首先调用 gitbook build 编译书籍,完成以后会打开一个 web 服务器,监听在本地的 4000 端口。
  2. 预览:浏览器访问 http://localhost:4000 如图:

个性化使用 - GitBook插件

  1. 在书籍目录下新增book.json文件,然后增加插件代码。

    例如增加设置logo插件,在book.json中添加以下代码:

{

"plugins": [ "insert-logo" ]

"pluginsConfig": {

"insert-logo": {

"url": "images/logo.png",

"style": "background: none; max-height: 30px; min-height: 30px"

}

}

}

```

2. 保存book.json,执行gitbook install安装,或者执行npm install gitbook-plugin-insert-logo

如果报错说明json文件可能有语法问题

两种安装方式介绍:

- 使用gitbook-cli 方式,即gitbook install,把book.json中所有的插件列表都安装一遍,如果修改了插件的配置文件,会被覆盖

- 使用NPM安装,只是单独安装一个插件,不影响其他插件

3. 执行gitbook serve预览

4. 其他插件:

官方获取插件地址:https://plugins.gitbook.com

我整理的一些好用插件以及使用方法:参考地址

GiBbook实用配置以及插件的更多相关文章

  1. 【Gitbook】实用配置及插件介绍

    前言 实际效果可以查看这里 github地址 配置 title 设置书本的标题 "title" : "Gitbook Use" author 作者的相关信息 & ...

  2. [Linux实用工具]munin-node插件配置和插件编写

    前面介绍了2篇munin使用的相关文章: [Linux实用工具]Linux监控工具munin的安装和配置 [Linux实用工具]Linux监控工具munin的展示(Nginx)   这次介绍一下mun ...

  3. webpack实用配置

    前面的话 上文介绍了webpack入门,本文将详细介绍webpack实用配置 版本号 以entry.js打包为bundle.js为例,出口的filename可以设置为[id].[name].[hash ...

  4. 实用的 atom 插件

    推荐几款我喜欢的Atom插件 时间 2017-05-05 09:00:00  Hi Linux 原文  http://www.hi-linux.com/posts/28459.html 主题 Atom ...

  5. eclipse内下载及配置maven插件(转)

    本文介绍Maven的安装和配置,同样适用于eclipse 1.首先需要安装jdk,eclipse(废话!). 然后到maven官网下载maven,http://maven.apache.org/dow ...

  6. 2016年6月份那些最实用的 jQuery 插件专辑

    jQuery 是一个快速.流行的 JavaScript 库,jQuery 用于文档处理.事件处理.动画和 Ajax 交互非常简单,学习曲线也很平坦.2016年6月的 jQuery 插件专辑里,我们选择 ...

  7. Linux环境安装Eclipse及配置hadoop插件

    摘要:第一次使用hadoop,另外eclipse也不太熟悉,所以把自己在安装过程中得琐碎记录下来.以备以后查看. 硬软件环境: ▪ 虚拟机: VMware Workstation 11.0.0 bui ...

  8. Eclipse 配置Activiti插件

    Eclipse 配置Activiti插件 我使用的是Eclipse LUNA 4.4.0 点击Eclipse上方工具栏[Help]选择[Install New Software] 在弹出的窗口点击[A ...

  9. DRUID连接池的实用 配置详解

    DRUID介绍 DRUID是阿里巴巴开源平台上一个数据库连接池实现,它结合了C3P0.DBCP.PROXOOL等DB池的优点,同时加入了日志监控,可以很好的监控DB池连接和SQL的执行情况,可以说是针 ...

随机推荐

  1. 【案例分享】crontab执行脚本异常问题

    很多时候我们会遇见这种情况,我们千辛万苦写了一个脚本,经过测试,一切正常,然后放到了crontab里面执行,结果,不管怎么配置,就是执行不正常. 结果发现环境问题,居然是这个异常的元凶. 我们先在我们 ...

  2. ext遍历表单中所有输入项,并全部设置为只读

    baseInfoForm.getForm().getFields().each(function (field) { // 设置只读 field.setReadOnly(true); })

  3. Kafka相关内容总结(存储和性能)

    Kafka消息的存储 Kafka的设计基于一种非常简单的指导思想:不是要在内存中保存尽可能多的数据,在需要时将这些数据刷新(flush)到文件系统,而是要做完全相反的事情.所有数据都要立即写入文件系统 ...

  4. Python面试笔记三

    1. 类继承 有如下的一段代码: python对象 如何调用类A的show方法了,方法如下: python对象 __class__方法指向了类对象,只用给他赋值类型A,然后调用方法show,但是用完了 ...

  5. Docker之常用命令(二)

    这篇博客就不扯皮了,简单粗暴地贴上自己整理的一份Docker常用命令. docker search ** // 查找镜像 docker pull nginx // 载入镜像 # -a 拉取所有tagg ...

  6. layui中弹出层的两种表达方式

    方式一: 定义js中定义html变量 方式二: 设置div :hidden:hidden 布局 数据表格自适应大小: 代码: <style> .btn-container { margin ...

  7. Docker: 构建Nginx,PHP,Tomcat基础镜像

    Usage: docker build [OPTIONS] PATH | URL | - [flags] Options: -t, --tag list # 镜像名称 -f, --file strin ...

  8. iOS开发基础篇-手写控件

    一.手写控件的步骤 1)使用相应的控件类创建控件对象: 2)设置该控件的各种属性: 3)添加空间到视图中: 4)如果是 UIButton 等控件,还需考虑控件的单击事件等: 二.添加 UIButton ...

  9. 基于HTML5 的互联网+地铁行业

    前言 近几年,互联网与交通运输的融合,改变了交易模式,影响着运输组织和经营方式,改变了运输主体的市场结构.模糊了运营与非营运的界限,也更好的实现了交通资源的集约共享,同时使得更多依靠外力和企业推动交通 ...

  10. 对于for循环中使用let或var时,i的作用域范围的记录

    在for循环中使用let时,结果如下 for内部定义的i在循环结束后不会覆盖外部的i 在for循环中使用var,且不控制i的作用域时,结果如下 第一个for循环内部定义的i并不会创建,而是直接使用外部 ...