title: Gitbook编写JSON文件 # 标题

date: 2020-10-31 16:34:30

updated: 2020-12-31

categories:

  • 前端

    tags:
  • JSON
  • Gitbook

Gitbook优化之编写JSON文件

  • Gitbook init后续优化

gitbook init命令是为了根据你提供的文件夹名字,在你的文件夹中生成一个README.md和SUMMARY.md文件

README.md文件,不能删除,是为你的电子书提供提纲

SUMMARY.md文件也不能删除,是你的电子书的目录

一、Gitbook后续插件

没有_book

在gitbook serve之后出现的是_book

二、安装插件

1、常用插件博客

2、如何给Gitbook换上好看的主题

  • 多级目录插件

在默认主题下面,安装一个插件,快速回到开头的一个插件

在我的GitBook项目根目录下编写book.json

{
"plugins" : [ "back-to-top-button" ]
}

然后

D:\___MyGitbook\DOS>gitbook install
info: installing 1 plugins using npm@3.9.2
info:
info: installing plugin "back-to-top-button"
info: install plugin "back-to-top-button" (*) from NPM with version 0.1.4
D:\___MyGitbook\DOS
`-- gitbook-plugin-back-to-top-button@0.1.4 info: >> plugin "back-to-top-button" installed with success

效果还不错。

三、JSON文件格式

{
"title": "DOS教程",
"author": "HACV",
"description": "选择学校",
"language": "zh-hans",
"gitbook": "3.2.3",
"links": {
"sidebar": {
"个人博客": "https://hacv.gitee.io/"
}
},
"plugins": [
"back-to-top-button",
"chapter-fold",
"github",
"insert-logo",
"tbfed-pagefooter",
"code",
"copy-code-button",
"flexible-alerts"
],
"pluginsConfig":
{
"github":
{
"url": "https://github.com/HACV"
},
"insert-logo":
{
"url": "https://portrait.gitee.com/uploads/avatars/user/2599/7799986_HACV_1603894099.png!avatar200",
"style": "background: none; max-height: 50px; min-height: 50px",
"title": "MaxWell教程"
},
"tbfed-pagefooter": {
"copyright":"Copyright &HACV 2020",
"modify_label": "该文件修订时间:",
"modify_format": "YYYY-MM-DD HH:mm:ss"
},
"code":
{
"copyButtons": false
}
} }

四、安装插件后serve

观察,它导入了loading plugin表示导入插件

D:\___MyGitbook\DOS>gitbook serve
Live reload server started on port: 35729
Press CTRL+C to quit ... info: 7 plugins are installed
info: loading plugin "livereload"... OK
info: loading plugin "highlight"... OK
info: loading plugin "search"... OK
info: loading plugin "lunr"... OK
info: loading plugin "sharing"... OK
info: loading plugin "fontsettings"... OK
info: loading plugin "theme-default"... OK
info: found 1 pages
info: found 0 asset files
info: >> generation finished with success in 3.0s ! Starting server ...
Serving book on http://localhost:4000
(node:10216) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated
^C终止批处理操作吗(Y/N)?
^C

五、用了NVM后收拾摊子

C:\Users\MaxWell\AppData\Roaming\npm\node_modules

C:\Users\MaxWell>hexo -v
'hexo' 不是内部或外部命令,也不是可运行的程序
或批处理文件。 C:\Users\MaxWell>where hexo
C:\Users\MaxWell\AppData\Roaming\npm\node_modules\hexo-cli\bin\hexo

发现hexo无法使用了,原先的博客也无法使用了,现在该如何进行进行处理?

C:\Users\MaxWell>npm install -g hexo-cli
C:\Program Files\nodejs\hexo -> C:\Program Files\nodejs\node_modules\hexo-cli\bin\hexo
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.1.2 (node_modules\hexo-cli\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) + hexo-cli@4.2.0
added 63 packages from 324 contributors in 22.143s C:\Users\MaxWell>hexo -v
hexo-cli: 4.2.0
os: Windows_NT 10.0.16299 win32 x64
node: 12.16.3
v8: 7.8.279.23-node.35
uv: 1.34.2
zlib: 1.2.11
brotli: 1.0.7
ares: 1.16.0
modules: 72
nghttp2: 1.40.0
napi: 5
llhttp: 2.0.4
http_parser: 2.9.3
openssl: 1.1.1g
cldr: 36.0
icu: 65.1
tz: 2019c
unicode: 12.1 C:\Users\MaxWell>node -v
v12.16.3 C:\Users\MaxWell>npm -v
6.14.4 C:\Users\MaxWell>where hexo
C:\Users\MaxWell\AppData\Roaming\npm\node_modules\hexo-cli\bin\hexo
C:\Program Files\nodejs\hexo
C:\Program Files\nodejs\hexo.cmd

重新去测试

D:\___MySoftware\05.MyBlog\__Gitee\HACV>hexo clean && hexo g && hexo s
INFO Deleted database.
INFO Deleted public folder.

Gitbook参考的部分博客

gitbook 入门教程之主题插件

1、(最好的教程)目录初始化 · Gitbook使用入门

2、GitBook 使用教程

3、gitbook如何可以创建多级目录?

GitBook插件整理 - book.json配置 - 明月, - 博客园

主题 · GitBook 使用教程

Gitbook编写JSON文件的更多相关文章

  1. 基于gulp编写的一个简单实用的前端开发环境好了,安装完Gulp后,接下来是你大展身手的时候了,在你自己的电脑上面随便哪个地方建一个目录,打开命令行,然后进入创建好的目录里面,开始撸代码,关于生成的json文件请点击这里https://docs.npmjs.com/files/package.json,打开的速度看你的网速了注意:以下是为了演示 ,我建的一个目录结构,你自己可以根据项目需求自己建目

    自从Node.js出现以来,基于其的前端开发的工具框架也越来越多了,从Grunt到Gulp再到现在很火的WebPack,所有的这些新的东西的出现都极大的解放了我们在前端领域的开发,作为一个在前端领域里 ...

  2. 第三天,爬取伯乐在线文章代码,编写items.py,保存数据到本地json文件中

        一. 爬取http://blog.jobbole.com/all-posts/中的所有文章     1. 编写jobbole.py简单代码 import scrapy from scrapy. ...

  3. 40 VSCode下.json文件的编写——(1) linux/g++ (2).json中参数与预定义变量的意义解释

    0 引言 转入linux/VSCode编程之后,迫切了解到有必有较为系统地学习一下VSCode中相关配置文件的写法.下面将分为 linux/g++编译指令..json文件关键词/替换变量的意义.编译链 ...

  4. Python3编写网络爬虫09-数据存储方式二-JSON文件存储

    2.JSON文件存储 全称为JavaScript Object Notation 通过对象和数组的组合来表示数据,构造简洁且结构化程度非常高.是一种轻量级的数据交换格式 2.1 对象和数组 在Java ...

  5. vue请求本地自己编写的json文件。

    1.第一步,这是目录结构 2.接下来是build/webpack.dev.conf.js文件需要配置的内容 代码: //vue配置请求本地json数据const express = require(' ...

  6. 使用GitBook编写项目文档

    GitBook简介 GitBook 是使用 GitHub / Git 和 Markdown(或AsciiDoc)构建漂亮书籍的命令行工具(和Node.js库): GitBook 可以将您的内容作为网站 ...

  7. ios项目里扒出来的json文件

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #000000 } p.p2 { margin: 0.0px 0. ...

  8. C#解析json文件的方法

    C# 解析 json JSON(全称为JavaScript Object Notation) 是一种轻量级的数据交换格式.它是基于JavaScript语法标准的一个子集. JSON采用完全独立于语言的 ...

  9. java实现服务端守护进程来监听客户端通过上传json文件写数据到hbase中

    1.项目介绍: 由于大数据部门涉及到其他部门将数据传到数据中心,大部分公司采用的方式是用json文件的方式传输,因此就需要编写服务端和客户端的小程序了.而我主要实现服务端的代码,也有相应的客户端的测试 ...

  10. C#处理Json文件

    JSON(全称为JavaScript Object Notation) 是一种轻量级的数据交换格式.它是基于JavaScript语法标准的一个子集. JSON采用完全独立于语言的文本格式,可以很容易在 ...

随机推荐

  1. 浅谈Python中的if,可能有你不知道的

    Python中的if,没那么简单,虽然也不难 https://docs.python.org/zh-cn/3.9/reference/compound_stmts.html#if python语言参考 ...

  2. JavaScript所有内部属性列表 [[Configurable]] 等

    简介 据MDN文档所说内部属性是由 [[···]] 包裹的内容,于是我们去复制 ECMA-262 标准的所有文字部分,然后用正则统计 [[···]] 的出现并打印 效果 代码 经老大提醒,这里的正则并 ...

  3. 【Vue】style和class 列表渲染 使用v-for进行循环 监控失效 双向数据绑定 过滤案例 事件修饰符

    目录 昨日回顾 style和class class属性的三种设置方法 style属性的三种设置方法 条件渲染 列表渲染 使用v-for进行循环 循环数字 循环字符串 循环对象 循环数组 标签key值加 ...

  4. imax6开发版_挂载NFS文件系统

    挂载:mount -o vers=4 192.168.30.108:/home/penuel/linux_imax6/workdir /home/root/workdir 取消挂载:umount /h ...

  5. IOS12.0 + Xcode 12.0 错误:Building for iOS Simulator, but the linked and embedded framework 'XXX.framework' was built for iOS + iOS Simulator

    环境:IOS12.0 + Xcode 12.0 问题描述:运行编译 Building for iOS Simulator, but the linked and embedded framework ...

  6. Centos8安装nvidia驱动

    Centos8安装nvidia驱动 1. 查看显卡型号 lspci | grep-i nvidia 或者 lspci -vnn | grep VGA 2. 前往nvidia官网下载对应驱动 NVIDI ...

  7. 使用云服务器配置MariaDB环境,Navicat远程连接一直出错误代码 "2002 - Can't connect to server on '' (10060)"

    使用腾讯云或者阿里云的服务器配置MariaDB数据库环境的时候,用Navicat远程连接在Centos7的Linux上配置MariaDB数据库环境的时候一直出错误代码 "2002 - Can ...

  8. ctfshow_web入门 命令执行

    命令执行 刚刚开始学习命令执行,萌新一个 因为是学习嘛,所以东西写的杂乱了 web 29 error_reporting(0); if(isset($_GET['c'])){ $c = $_GET[' ...

  9. appium连接手机 adb调试 app自动化

    一. 工具准备 jdk,java环境必备. android sdk,要使用内置的Android debug bridge,简称adb,调试手机用. appium,提供自动化服务,app自动化的核心库. ...

  10. 【USACO 2021 February Contest, Platinum】Problem 1 No Time to Dry

    \(\text{Solution}\) 一个点可与另一个颜色相同点同时涂色当且仅当两点间颜色都大于等于这两点 那么我们可以预处理一个点向左向右最远能到的位置,记为 \(l_i,r_i)\) 当 \(l ...