vuepress-theme-antdocs — Ant Design设计风格的VuePress主题公测发布

背景

经过几天魔改之后，VuePress 主题 AntDocs 终于可以公测啦！本主题采用 Ant Design 设计风格，以及搭载了 Ant Design Vue 组件，可以直接使用 Ant Design Vue，另外还优化了很多模块，比如手机适配、首页底部栏等等。（本来要发布 0.0.9-alpha，但是官方文档已经写好，就直接扔 0.1.0-beta 了）这个我就直接给出官方文档链接啦：AntDocs of VuePress
另外，我会在本篇文章简单说明下如何安装以及使用该主题。

快速上手

在开始之前，推荐先熟知 Ant Design Vue 以及 VuePress 的基本使用，并正确安装和配置了 Node.js v8.9 或以上。官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的基本知识，并且已经完全熟知了 Ant Design Vue 的使用以及 VuePress 的正确开发方式。

安装主题

使用 yarn 安装 AntDocs 主题：

yarn add vuepress-theme-antdocs

或者使用 npm 安装它：

npm i vuepress-theme-antdocs

如果你的网络环境不佳，推荐使用 cnpm。

引用主题

打开 .vuepress/config.js 文件，然后在合适位置引用它：

module.exports = {
  ...
  theme: 'antdocs',
  ...
}

如果你对 VuePress 主题配置不是很了解，请点这里：使用主题

配置完毕后，你就可以直接 yarn run docs:dev 或 npm run docs:dev 查看效果。

效果预览

Github

AntDocs of VuePress
如果觉得不错的话，不妨到 github 上给我点个star~谢谢啦❤️！