一个简单的基于markdown
的文档生成工具,支持JS代码转换执行,生成静态站点
npm i @vsmi/md-loader @vsmi/api-docs @vsmi/docs-generator --save-dev
const path = require('path');
module.exports = {
// 文档标题、logo信息
inject: {
title: '微风开发文档',
logo: '',
},
// 配置文档扫描的基准目录,控制到最小,降低信息消耗
cwd: path.resolve(__dirname, './src'),
// 文档入口路由信息
groups: [
{
// 排序,越小越靠前
order: 2,
// 用于显示标题
title: '组件',
// 分组路由
route: '/components',
// 分组路由对应的文档目录(相对于 cwd)
basePath: './components',
},
],
// 文档开发端口,默认为 8020
port: 9001,
// webpack 配置处理
webpack(config) {
}
};
在 package.json中添加script
{
"scripts": {
"docs:start": "hp-docs start",
"docs:build": "hp-docs build"
}
}
默认会打开一个开发服务器
npm run docs:start
生成到 sites
目录
npm run docs:build
其中头部信息为文档生成提供元信息,以三个hr
标记分开;
属性 | 必填 | 类型 | 描述 | 默认值 |
---|---|---|---|---|
title | yes | string |
显示的标题信息 | - |
cate | no | string |
为当前文档所属分组, 不存在时则显示为根目录 | - |
order | no | number |
文档目录的顺序,越小越靠前 | - |
toc | yes | boolean |
控制是否文档显示在目录中 | false |
only | yes | boolean |
不解析代码块 | false |
---
order: 2
cate: 基本使用
title: 测试DEMO
toc: false
timeline: true
---
这是一个基本描述信息, 哈哈~~
---
正文信息....
正文信息....
正文信息....
MIT