开源文档管理

1.ShowDoc

https://gitee.com/star7th/showdoc.git

2.gitbook

  (1)安装nodejs

  (2)安装gitbook

cnpm install gitbook-cli -g

  (3)安装是否成功

   (4)初始化

gitbook init

自动生成文件

   (5)启动并测试

gitbook serve

 浏览器打开 http://localhost:4000/

   (5)添加自己的内容

    修改文档的目录结构——SUMMARY.md

# 目录

* [前言](README.md)
* [第一章](Chapter1/README.md)
  * [第1节:first](Chapter1/first.md)
  * [第2节:second](Chapter1/second.md)
* [第二章](Chapter2/README.md)
  * [第1节:first](Chapter2/first.md)
* [第三章](Chapter3/README.md)

    创建SUMMARY.md里的目录及文件

     添加文档框架,最核心的文件——book.json

{
    "root": "./",
    "title": "我的文档",
    "head_title": "_我的文档",
    "head_description": "我的文档",
    "head_keywords": "我的文档",

    "gitbook": ">= 3.0.0",

    "language": "zh-hans",

    "plugins": [
        "-sharing",
        "-fontsettings",
        "-lunr",
        "-search",
        "search-pro",
        "theme-default"
    ]
}

    安装gitbook依赖

gitbook install

    运行

gitbook serve

要是想修改端口

gitbook serve --port 4001

根目录会生成_book 文件夹, 里面的内容即为生成的 html 文件

 注:

  如果遇到如下错误

 

   问题解决的办法:

    删除 .gitbook\versions\3.2.3\lib\output\website\copyPluginAssets.js 的112行

demo

3.docsify

  (1)安装nodejs

  (2)安装docsify

npm i docsify-cli -g

  (3)新建docs,进入改目录初始化

docsify init

自动生成文件

   (4)启动,测试

docsify serve

 浏览器访问http://localhost:3000

   

  (5)添加自己的内容

    修改index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
</head>
<body>
  <div id="app"></div>
  <script>
    window.$docsify = {
      name: '',
      repo: '',
      loadSidebar: true,// 加载侧边栏
      subMaxLevel: 2,
      loadNavbar: true, // 加载导航栏
      search: {
        noData: {
          '/': '没有结果!'
        },
        paths: 'auto',
        placeholder: {
          '/': '搜索'
        }
      }
    }
  </script>
  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
  <script src="//unpkg.com/prismjs/components/prism-json.min.js"></script>
  <script src="//unpkg.com/docsify-copy-code"></script>
  <script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
</body>
</html>

  添加_sidebar.md

* 用户接口

    * [登录功能](user/)
    * [获取用户信息](user/getuserinfo)

* 其他接口

  添加_navbar.md

  添加user/README.md

# 登录功能

> 总路径:/v1/user

* 地址:`/login`
* 演示地址:[localhost:8000/v1/user/login?userName=1&passWorld=123](localhost:8000/v1/user/login?userName=1&passWorld=123)
* 请求方式:`POST` [GET 和 POST 均支持,建议使用 POST]
* 请求参数


|字段|说明|是否必须|类型|
|---|---|---|---|
| `userName` |`用户名`|`Y`|`String`|
| `passWorld` |`密码`|`Y`|`String`|

* 返回参数 

``` json
{
  "code":"200",
  "msg":"success"
}
```

* 返回字段说明

|返回值字段|字段说明|字段类型|备注|
|---|---|---|---|
|code|状态码|String|200 表示请求成功|
|msg|状态对应的信息|String|有成功失败等信息|
View Code

  添加user/getuserinfo.md

  刷新浏览器

 

  demo

posted @ 2020-03-19 13:16  慕尘  阅读(861)  评论(0编辑  收藏  举报