VSCODE + md 电子书

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiajing13579/article/details/82744129

    最近在看前端VUE方面的例子,感觉现在前端变化得很多了,所以把前端的学习的一些东西记录下来,现在程序员都在用gitbook来写东西,所以试了一下还不错,把过程记录下来:也把我试到打包的一本书放到网上:

 Vue 学习笔记

   本来想使用,gitbook自己的工具,但是用起来实在是太难用了,再一想到 vscode 这种万能的 编辑器,所以就想试下,没想到网上使用vscode 写 md的已经很多了。

1.node.js 安装

   在 node.js 官方网站上下载 node.js 安装  安装完成后,再安装 gitbook

2.gitbook工具安装

     npm install gitbook-cli -g // -g 表示全局安装,安装完以后就可以用 gitbook init 来生成一本书了。

   

3.vscode 中安装 md 显示的插件

     网上推的Markdown Preview Enhanced,也很好用。

4.md格式的一些命令

   

5.用gitbook 打包书 生成 HTML文件

   当你写完成一本书后,可以用以下的方式打包,

    1. gitbook buid   // 用来构建打包一本书,生成对应的 html

     2.可以用  gitbook install 来 安装对应 本书的 插件  放到 : book.json 中

        

{

"title": "vue 学习指南",

"language": "zh-hans",

"structure": {

"readme": "README.md"

},

"links": {

"gitbook": false,

"sharing": {

"google": false,

"facebook": false,

"twitter": false,

"all": false

},

"sidebar" : {

"Home" : "http://www.gpzy88.com"

}

},

"plugins": [

"tbfed-pagefooter","versions-select","anchor-navigation-ex","adsense"

],

"pluginsConfig": {

"tbfed-pagefooter": {

"copyright":"&copy Taobao FED Team",

"modify_label": "该文件修订时间:",

"modify_format": "YYYY-MM-DD HH:mm:ss"

},

"versions": {

"gitbookConfigURL": "https://www.gpzy88.com/",

"options": [

{

"value": "https://www.gpzy88.com/",

"text": "Version v1.0.0"

}

]

}

}

}

   gitbook 自带 web 服务,可以直接看一下  

    

猜你喜欢

转载自blog.csdn.net/xiajing13579/article/details/82744129