docsify-vuepress-theme
v1.0.9
Published
A vuepress-theme docsify plugin
Downloads
170
Readme
docsify-vuepress-theme
A vuepress-theme docsify plugin
Why not vuepress?
vuepress配置项太多,启动速度慢,过于笨重
Install
// insert after vue.css(or other theme)
<link rel="stylesheet" href="https://unpkg.com/docsify-vuepress-theme/dist/style.min.css" />
// insert after docsify.min.js
<script src="https://unpkg.com/docsify-vuepress-theme/dist/index.min.js"></script>
// for dev environment use this
<script src="https://unpkg.com/docsify-vuepress-theme/dist/index.js"></script>
Usage
Just intall it and have fun!
1 menu
1.1 字体随着目录的级数越来越小
1.2 选中子目录,父目录也会高亮
1.3 选中子目录时,其会有一个额外的背景高亮颜色
1.4 目录折叠功能,并且有>^等箭头
2 代码高亮
将原本 docsify 的代码换成了 vuepress 风格的代码块,看起来更专业和好看
3 markdown 扩展
usage
:::tip/danger/warnign
content
:::
4 链接样式重写
把正文里的链接样式全部重写,在其后面加入一个 icon
Related
TODO
- 增加可选项,比如哪些细节不需要
Changelog
2019/6/26 - 构建自动化流,npm run dist
实现压缩,同步至 github,发布至 npm 的流; 优化了文件结构;增加 gulp 工作流,让开发的过程更加流畅; 增加未压缩的 js 文件,方便生产环境使用
2019/6/25 - 🐞fix markdown extensions' bug; rewrite links; rewrite style by less
2019/6/25 - initial release