搭建个人知识库，docsify、dumi、VuePress 三款前端技术栈对比推荐

前言

想搭一个自己的知识库，最重要的就是好维护、开箱即用。今天介绍三个比较知名的前端方案，只要写好 Markdown 文件，就能方便地维护个人或小团队的知识库乃至漏洞库。这三个方案都基于 Markdown 渲染，适合没有精力折腾排版、更专注于内容沉淀的场景。

docsify：神奇的文档站点生成器

什么是 docsify

Docsify 会在运行时动态生成文档站点。和 GitBook 不同，它不会产出静态 HTML 文件，而是直接加载、解析 Markdown 文件并渲染成网站。上手也很简单：创建一个 index.html 并部署到 GitHub Pages 上就可以了。

官网：

https://docsify.js.org/

快速开始：

https://docsify.js.org/#/quickstart

知名漏洞库案例： Vulnerability-Wiki

https://github.com/Threekiii/Vulnerability-Wiki

页面展示：

dumi：为组件而生的静态站点框架

什么是 dumi

dumi（读作“嘟米”）是一款专为组件开发场景设计的静态站点框架，通常搭配 father 一起使用。father 负责组件源码构建，dumi 则承担组件开发和文档生成的工作，两者配合为开发者提供了一站式的组件开发体验。

官网：

https://d.umijs.org/

快速开始：

https://d.umijs.org/guide

暂无知名漏洞案例，本人本地搭建过： Langsa-Wiki

页面展示：

VuePress：Vue 的静态网站生成器

什么是 VuePress

VuePress 是一款以 Markdown 为核心的静态网站生成器。你只需专注于用 Markdown 写文档、博客等内容，VuePress 会帮你生成对应的静态站点。

它最初是为了满足 Vue.js 及其子项目的文档需求而诞生，如今已经帮助大量开发者搭建文档、博客等多种静态网站。

官网：

https://v2.vuepress.vuejs.org/zh/

快速开始：

https://v2.vuepress.vuejs.org/zh/guide/getting-started.html

知名漏洞库案例： PeiQi 文库

https://github.com/PeiQi0/PeiQi-WIKI-Book

页面展示：

总结

我自己体验下来，docsify 的响应速度感觉有点慢，也可能是服务器配置不够。dumi 用起来很简单，做小型知识库很合适。VuePress 由 Vue 驱动，扩展性更灵活，性能也不错，只是我自己用得不多，就不多说了。

这三者都能渲染 Markdown 文档，日常维护只需要专心写内容，排版交给框架处理就好。如果你也在折腾知识库搭建，欢迎来云栈社区一起交流分享。