对Antd文档管理做了一下抽离简化Antd文档管理主题
antd 的文档系统有什么优点
- 首先基于antd团队成员开发的博客服务 https://github.com/benjycui/bisheng
- 其次漂亮的界面 用来管理文档很合适
- 最主要的优点是。。他会把markdown里面的特定代码转换成页面包括react
我自己在博客上面的应用
- https://wuguanghai45.github.io/docs/react/introduce-cn
- 项目目录 https://github.com/wuguanghai45/blog/tree/master/demos
配置文件
vi site/bisheng.config.js
主题的一些配置
antd的文档界面一些配置
- 编译的配置文件是在 site/bisheng.config.js
- 路由的一些配置是在 site/theme/index.js
- 中文菜单配置 site/theme/zh-CN.js
- 英文菜单配置 site/theme/en-US.js
使用方式
npm start
写文档方式
创建文档
- 在components文件目录下创建组件文件夹(注意不能带大写) helloworld
cd components
mkdir helloworld
- 创建文件index.zh-CN.md(这里的zh-CN表示中文文档， 如果换成en-US的话表示英文文档)
echo "" > index.zh-CN.md
- 写入内容
---
title: HelloWorld
subtitle: hello
---
Hello world
创建文档demo
- 在helloworld 文件里面创建文件夹demo并创建文件alert.md
mkdir demo
cd demo
echo "" > alert.md
- 向alert.md写入内容
改完后需要重新启动
npm start
TODO
- 目前只是粗略的更改了一下
- 更多操作可以跟进https://github.com/ant-design/ant-design/tree/master/components 目录下的各种md文件
- 更多的操作探索
- 更具体的使用文档
- 能否进一步抽离