1.首先,准备好已经编辑好的markdown文件放到指定目录下。

  2.下载node.js,下载地址:https://nodejs.org/en/download/

  3.下载好node.js文件后,配置好环境变量,然后安装gitbook,使用命令:

    npm install gitbook-cli -g

  4.使用 cd 命令到指定的目录下,输入命令初始化该目录:

    gitbook init

  等待一段时间之后,会在指定目录下会生成 SUMMARY.md 和 README.md 文件,编辑SUMMARY.md生成目录,如:  

* [简介](README.md)
* 分布式消息队列
* [1.接入申请流程](分布式消息队列/接入申请流程.md)
* [2.专业术语](分布式消息队列/专业术语.md)
* [3.网络部署图](分布式消息队列/网络部署图.md)
* [4.关键特性及应用场景](分布式消息队列/关键特性及应用场景.md)
* [5.使用注意事项](分布式消息队列/使用注意事项.md) * 分布式缓存
* [1.分布式缓存概述](分布式缓存/分布式缓存概述.md)
* [2.分布式缓存关键数据类型](分布式缓存/分布式缓存关键数据类型.md)
* [3.分布式缓存接入注意事项](分布式缓存/分布式缓存接入注意事项.md)
* [4.分布式缓存-申请流程](分布式缓存/分布式缓存-申请流程.md) * MVC
* [1.MVC介绍](MVC/MVC介绍.md)
* [2.Demo快速搭建](MVC/后端快速搭建.md)

  5.在指定目录下输入:

    gitbook serve

  .成功开启html服务结果:

  $ 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 21 pages
  info: found 215 asset files
  info: >> generation finished with success in 5.3s !   Starting server ...
  Serving book on http://localhost:4000

  在本地浏览器打开 http://localhost:4000 即可看到html文件

  6.如果想将文件打包部署,使用如下命令,会在该目录下生成 _book 目录,即一个完整的HTML静态网站文件包(可以将该文件包部署到网站上)。

    gitbook build

markdown转HTML,目录生成的更多相关文章

  1. Markdown基础(内含:锚点使用,使用HTML,新页面跳转,目录生成)

    Github样式显示参考:点我 之前说过用word写文章,这次说说Markdown写文章(推荐) 逆天推荐使用VSCode编写 装这个插件写作更方便: 内含:锚点使用,使用HTML,新页面跳转,目录生 ...

  2. Markdown 中的目录自动生成功能 TOC

    目录 Markdown 中的目录自动生成功能 TOC 1. 标题一 1.1 标题二 1.标题二 2. 标题一 2.1 标题二 2.2 标题二 Markdown 中的目录自动生成功能 TOC 1. 标题 ...

  3. ctags对部分目录生成tags

    最近在研究Tiny6410上的uboot移植,看uboot源码时,生成tags文件用的是最粗暴的方法:“ctags -R *”,由于某些函数在各个平台下都有实现,导致在用“g+]”跳转到该函数的定义时 ...

  4. C# 操作Word目录——生成、删除目录

    目录,是指书籍.文档正文前所载的目次,将主要内容以一定次第顺序编排,起指导阅读.检索内容的作用.在Word中生成目录前,需要设置文档相应文字或者段落的大纲级别,根据设定的大纲级别可创建文档的交互式大纲 ...

  5. OI 助手 | 简洁快速的 OI 工具箱 (原 竞赛目录生成)

    原竞赛目录生成 (4.0 版本前) 开发者:abc2237512422 OI 助手是一个轻量简洁的 OI 工具箱.你可以使用它来快速进行 OI 竞赛中一些繁琐的操作,例如生成竞赛目录.对拍.它为你省去 ...

  6. Python 爬取 热词并进行分类数据分析-[热词分类+目录生成]

    日期:2020.02.04 博客期:143 星期二   [本博客的代码如若要使用,请在下方评论区留言,之后再用(就是跟我说一声)] 所有相关跳转: a.[简单准备] b.[云图制作+数据导入] c.[ ...

  7. Word目录生成

    之所以写这篇文章,是因为每次写报告都需要生成相应目录,但常常只记得个大概,最终还得要重新百度,十分头疼,故在此记录一下. 大概分为3个步骤 步骤1 设置标题级数 进入大纲模式 选择相应级数,这里选的是 ...

  8. 基于 React 开发了一个 Markdown 文档站点生成工具

    Create React Doc 是一个使用 React 的 markdown 文档站点生成工具.就像 create-react-app 一样,开发者可以使用 Create React Doc 来开发 ...

  9. Markdown基本语法及生成目录结构的方法

    Markdown是一种纯文本格式的标记语言.通过简单的标记语法,它可以使普通文本内容具有一定的格式. 一.标题 在想要设置为标题的文字前面加#来表示一个#是一级标题,二个#是二级标题,以此类推.支持六 ...

随机推荐

  1. maven创建多模块项目

    在eclipse下构建maven项目,该项目由多个子模块组成. 1.创建一个父项目 NEW -->project-->maven-->maven Project,点击下一步,进入ne ...

  2. android 自己定义checkbox 背景图无效的问题

    http://blog.csdn.net/zuolongsnail/article/details/7106586  正常的定义能够參考这个网址  可是我參考它以后发现我执行时候 根本不工作嘛  结果 ...

  3. oracle 内存分配和调优 总结

    一直都想总结一下oracle内存调整方面的知识,最近正好优化一个数据库内存参数,查找一些资料并且google很多下.现在记录下来,做下备份.           一.概述:              ...

  4. jQuery 性能优化技巧

    原文地址:jQuery 性能优化技巧 博客地址:http://www.extlight.com 一.使用最新版本 jQuery 类库 二.合理使用选择器 # 推荐使用 $("#id" ...

  5. golang的beego框架开发时出现的问题纪录

    golang的beego框架开发时出现的问题纪录1.数据库并发时问题:[ORM]2017/02/20 23:44:05 -[Queries/default] - [FAIL / db.Query / ...

  6. laravel的中间件demo

    过滤器已经被废除...刚学才两天,蛋疼 创建一个中间件 ./artisan make:middleware TestMiddleware 大概代码 <?php namespace App\Htt ...

  7. Git出现提交错误--Push to origin/master was rejected(转)

    Step1:出现的问题? 在使用Git Push代码的时候,会出现Push to origin/master was rejected 的错误提示.在第一次提交到代码仓库的时候非常容易出现,因为初始化 ...

  8. java代码---------再练习ChatAt()的用法

    总结: 没有理解方法的含义.瞎用 package com.mmm; //实现字符串中某个字符出现的次数 public class Mo { public static void main(String ...

  9. 阿里云经典网络下一键安装RouterOS-ROS系统

    1.阿里云环境centos6.9 x64: 内网网卡为eth0 外网网卡为eth1 阿里云的linux下硬盘名称为/dev/vda 注意阿里云的安全组建议开放任意协议和端口,任意IP允许访问 今天测试 ...

  10. 第三方登录之微信登录,基于ThinkSDK

    本文基于ThinkSDK,为其补充微信登录demo 增加ThinkSDK的微信第三方登录 阅读本文之前请先了解ThinkSDK的文档 http://www.echomod.com/nexstep/fo ...