GiBbook实用配置以及插件
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 的基本用法非常简单,基本上就只有两步:
- 执行
gitbook init
命令初始化书籍目录 - 执行
gitbook serve
命令编译书籍
下面将结合一个非常简单的实例,来介绍 gitbook 的基本用法。
初始化 - gitbook init
首先,编辑文件内容
在书籍项目根目录执行
gitbook init
命令初始化文件夹,会自动生成两个必要的文件 README.md 和 SUMMARY.md(这两个文件是GitBook制作电子书的必要文件)。
- README.md: 书的介绍文字,如前言、简介,在章节中也可做为章节的简介。
- SUMMARY.md: 定制书籍的章节结构和顺序。
我的文件目录树
执行tree \f
命令可以查看文件目录(包含文件夹和文件)├─GitBook.md
├─README.md
├─SUMMARY.md
├─chapter1
│ ├─file1.md
│ └─file2.md
└─chapter2
└─other.md
编辑目录文件——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
命令来编译和预览书籍了。
- 编译:命令行中执行
gitbook serve
gitbook serve
命令实际上会首先调用gitbook build
编译书籍,完成以后会打开一个 web 服务器,监听在本地的 4000 端口。 - 预览:浏览器访问 http://localhost:4000 如图:
个性化使用 - GitBook插件
在书籍目录下新增
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实用配置以及插件的更多相关文章
- 【Gitbook】实用配置及插件介绍
前言 实际效果可以查看这里 github地址 配置 title 设置书本的标题 "title" : "Gitbook Use" author 作者的相关信息 & ...
- [Linux实用工具]munin-node插件配置和插件编写
前面介绍了2篇munin使用的相关文章: [Linux实用工具]Linux监控工具munin的安装和配置 [Linux实用工具]Linux监控工具munin的展示(Nginx) 这次介绍一下mun ...
- webpack实用配置
前面的话 上文介绍了webpack入门,本文将详细介绍webpack实用配置 版本号 以entry.js打包为bundle.js为例,出口的filename可以设置为[id].[name].[hash ...
- 实用的 atom 插件
推荐几款我喜欢的Atom插件 时间 2017-05-05 09:00:00 Hi Linux 原文 http://www.hi-linux.com/posts/28459.html 主题 Atom ...
- eclipse内下载及配置maven插件(转)
本文介绍Maven的安装和配置,同样适用于eclipse 1.首先需要安装jdk,eclipse(废话!). 然后到maven官网下载maven,http://maven.apache.org/dow ...
- 2016年6月份那些最实用的 jQuery 插件专辑
jQuery 是一个快速.流行的 JavaScript 库,jQuery 用于文档处理.事件处理.动画和 Ajax 交互非常简单,学习曲线也很平坦.2016年6月的 jQuery 插件专辑里,我们选择 ...
- Linux环境安装Eclipse及配置hadoop插件
摘要:第一次使用hadoop,另外eclipse也不太熟悉,所以把自己在安装过程中得琐碎记录下来.以备以后查看. 硬软件环境: ▪ 虚拟机: VMware Workstation 11.0.0 bui ...
- Eclipse 配置Activiti插件
Eclipse 配置Activiti插件 我使用的是Eclipse LUNA 4.4.0 点击Eclipse上方工具栏[Help]选择[Install New Software] 在弹出的窗口点击[A ...
- DRUID连接池的实用 配置详解
DRUID介绍 DRUID是阿里巴巴开源平台上一个数据库连接池实现,它结合了C3P0.DBCP.PROXOOL等DB池的优点,同时加入了日志监控,可以很好的监控DB池连接和SQL的执行情况,可以说是针 ...
随机推荐
- Android开发如何轻松实现基于Tesseract的Android OCR应用程序
介绍 此应用程序使用Tesseract 3的Tesseract OCR引擎,该引擎通过识别字符模式( https://github.com/tesseract-ocr/tesseract )来工作. ...
- idea部署Maven入门(一)——环境变量的配置和下载
介绍: 1 Maven是用来管理jar包的一种工具, 2 Maven主要是构建java项目和java web项目 3 maven项目管理所依赖的jar ...
- (办公)TOKEN
token就是HTTP认证,输入正确的token,在放在Authorization header中发送给服务器,认证成功.,就可以正确的拿到接口数据. 举个例子: 第一步: 客户端发送http re ...
- PJProject(2.6) 工程介绍
pjlib pjlib\build\pjlib.vcproj pjlib_test pjlib\build\pjlib_test.vcproj pjsip_core pjsip\build\pjsip ...
- ORACLE如何检查找出损坏索引(Corrupt Indexes)
在Oracle数据库中如何找出损坏索引呢? 下面我们人为构造一个案例,将索引块损坏.如下案例所示: SQL> create tablespace test_data 2 datafil ...
- AD域安装及必要设置
本文主要介绍AD域的安装和程序开发必要的设置. 一.安装AD域 运行dcpromo命令,安装AD域. 步骤: 1.win+R 2.dcpromo 图例: 百度百 ...
- 【导航】Python常用资源(从新手到大牛)
[博客导航] [Python相关] 个人网站/博客/学习平台 中国大学MOOC :高校课程网上公开课学习平台,<Python语言程序设计>是我的入门课. Python123平台 :跟中国 ...
- 面向对象_item项目
详细见老师博客:http://www.cnblogs.com/Eva-J/articles/7351812.html#_label9 __getitem__\__setitem__\__delitem ...
- 【Linux基础】查看硬件信息-系统
1.查看计算机名 hostname 2.查看内核/操作系统/CPU信息 uname -a 4.查看操作系统版本(Linux) head -n 2 /etc/issue Red Hat Enterp ...
- HttpServletResponse简单理解
Web服务器收到一个http请求,会针对每个请求创建一个HttpServletRequest和HttpServletResponse对象,从客户端取数据用HttpServletRequest,向客户端 ...