Typedoc + vitepress 生成文档

1,884 阅读1分钟

省流版:

demo地址:github.com/ZHAISHENKIN…

在线预览:zhaishenking.github.io/typedocs/

背景

新项目 vue3 + vite + ts,想给项目的工具方法根据注释生成 api 文档,再利用静态站点生成器把文档美化。尝试各种组合,最终敲定工具栈:typedoc + vitepress。

正文

原理比较简单,

  1. 用 typedoc 插件 typedoc-plugin-markdown 将输出文档转为markdown 格式(为了更好的适配 vitepress),
  2. 用 typedoc.js 脚本将 typedoc 映射的 JSON 作为 sidebar,
  3. 用 github page 部署文档,将 build 的 dist 文件夹 push 到 github
  4. 脚本 deploy.sh 一键部署

环境

nodejs v14.21.2
npm 6.14.17

不足:

typedoc 生成的文档不支持中文,一些改关键字的插件和 markdown 插件会冲突

参考链接:

文档网站生成器 — VitePress框架: zhuanlan.zhihu.com/p/453775525

使用 TypeDoc 自动为 TypeScript 项目生成 API 文档 zhuanlan.zhihu.com/p/577159570

应用级别配置: 基础 | VitePress中文网 vitejs.cn/vitepress/c…

TypeDoc Example www.typedoc.cn/example/

Front-matter hexo.io/zh-cn/docs/…