zoukankan      html  css  js  c++  java
  • 开源文档管理

    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 文件

     注:

      如果遇到如下错误

       问题解决的办法:

        删除 .gitbookversions3.2.3liboutputwebsitecopyPluginAssets.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

  • 相关阅读:
    003 Leaflet 第三个demo 地图上的面积测量
    002 Leaflet 第二个demo 地图上的矩形拉框选择
    001 Leaflet 第一个demo 加载天地图
    This关键字,打印花瓣的数量
    Myeclipse8.5 添加Tomcat7
    WGS84经纬度 与 web 墨卡托相互转化 工具类
    java list集合去重复
    response 下载文件
    jquery实现可拖拽的div
    linux 前端环境搭建
  • 原文地址:https://www.cnblogs.com/baby123/p/12518636.html
Copyright © 2011-2022 走看看