1.0.9 • Published 5 years ago

docsify-vuepress-theme v1.0.9

Weekly downloads
16
License
MIT
Repository
github
Last release
5 years ago

docsify-vuepress-theme

A vuepress-theme docsify plugin

npm

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 字体随着目录的级数越来越小

font.png

1.2 选中子目录,父目录也会高亮

highlightparent.png

1.3 选中子目录时,其会有一个额外的背景高亮颜色

highlight.png

1.4 目录折叠功能,并且有>^等箭头

menufold.png

2 代码高亮

将原本 docsify 的代码换成了 vuepress 风格的代码块,看起来更专业和好看

code.png

3 markdown 扩展

usage

extension.png

:::tip/danger/warnign
content
:::

4 链接样式重写

把正文里的链接样式全部重写,在其后面加入一个 icon

link.png

Related

docsify

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