TOKREPO · 主题包
稳定

静态站 & 文档生成器

VitePress / Astro / Mintlify / Docusaurus / Slidev — 现代文档 / 营销页 / 工程师 PPT 一套打。

5 个资产

这个 pack 装了什么

这个包收齐了 五个静态站框架,扛过了 JS 框架轮换大潮,到 2026 年还能作为默认选项。是有立场的清单:里面没有「从 markdown 文件生成 HTML」的玩具项目 —— 每个条目都有真实插件生态、搜索方案、可部署的生产配置。

# 工具 适合 引擎
1 VitePress Vue 系文档 Vite + Vue 3
2 Astro 内容 + 营销 Islands 架构
3 Mintlify 托管文档门户 React + Mintlify 云
4 Docusaurus 多版本 API 文档 React + MDX
5 Slidev 工程师 PPT Vite + Vue + Markdown

这套覆盖四种形态:开发者文档(VitePress / Docusaurus)、漂亮的营销页(Astro)、托管文档即服务(Mintlify)、工程师真愿意做的 PPT(Slidev)。一个 pack 四种产物 —— 按受众挑。

为什么是这套

静态站回潮是因为替代方案太贵了。营销页用服务端渲染的 Next.js,比 build 时生成 HTML 在算力和复杂度上贵太多。这五个生成器都做同一件事:拿 markdown(或 MDX)+ 少量配置,吐静态 HTML,挂任何 CDN 都能跑。

差别:

  • VitePress 自带 docs 主题,开箱就好看。Vue / Vite / Vitest 自己都在用 —— 强 dogfood 信号
  • Astro 最广。能做文档站,也能做落地页 / 博客 / 小营销站。Islands 架构意味着除非组件主动 opt-in,否则零 JS
  • Mintlify 是唯一托管的。你写 markdown 推 GitHub,Mintlify 帮你托管在 <你>.mintlify.app(或自己域名)。是自跑 Docusaurus 的 SaaS 替代
  • Docusaurus 最重,但插件最多 —— 版本化文档、i18n、搜索、博客全是一等公民。需要跨大版本管理文档时选它
  • Slidev 是黑马。markdown 驱动的 PPT,带代码高亮、交互组件、演讲者备注。讨厌 Keynote 的工程师爱它

一条命令装齐

# 装整个 pack,把每个 builder 的 starter 模板放进项目
tokrepo install pack/static-site-docs

# 或单装
tokrepo install vitepress
tokrepo install astro
tokrepo install docusaurus

TokRepo CLI 把每个框架脚手架到 sites/<框架>/,方便对比产物再下决心。五个都带 .tokrepo/ 笔记文件,里面写了我们验证过的生产部署目标(Vercel / Cloudflare Pages / Netlify / GitHub Pages)。

几个常见坑

  • VitePress 锁 Vue,自定义组件必须 Vue。如果你团队纯 React,VitePress 会很难受 —— React 选项是 Docusaurus 或 Mintlify
  • Astro 的 MDX 水合是 opt-in 的<Counter client:load /> 会发 JS,纯 <Counter /> 不会。忘了 client:* 是「为什么我的按钮不动」头号 bug
  • Mintlify 意味着 SaaS 锁定,内容是你的(都是 markdown 在你 repo),但渲染 / 搜索 / 分析在 Mintlify 云。投入前先想好导出路径
  • Docusaurus 多版本文档是单向的,一旦切了 2.0 版,回过去改老版本很别扭。慎重决定何时上版本号
  • Slidev 不是 slides.dev,它是你的 repo。托管自己搞(Vercel 够用)。开会前 5 分钟别拿 localhost URL 给 CEO 看

常见误解

「静态 = 死的」是迷思。五个框架都支持水合 / 服务函数 / 混合渲染来处理需要动的部分。Astro 可以按路由 opt-in SSR;Docusaurus 在浏览器跑 React 做交互;VitePress 任何需要的页面都能跑 Vue。默认「发 HTML」,逃生通道是「在值得的位置发 JS」。

「所有静态站生成器都一样」也是错的。VitePress vs Docusaurus 决定谁能给你文档贡献(Vue 党 vs React 党)。Astro vs Mintlify 决定谁拥有部署管道(你 vs Mintlify)。要主动选。

安装 · 一行命令
$ tokrepo install pack/static-site-docs
丢给 agent,或粘到终端
包内含什么

5 个资产打包就绪

Script#01
VitePress — Vite and Vue Powered Static Site Generator

VitePress is a static site generator built on top of Vite and Vue. Designed for documentation websites with Markdown-centered authoring, Vue component extensibility, and lightning-fast dev/build. The successor to VuePress by the Vue.js team.

by Script Depot·101 views
$ tokrepo install vitepress-vite-vue-powered-static-site-generator-ce6e1d98
Skill#02
Astro — Web Framework for Content-Driven Sites

Ship zero-JS by default. Island architecture for fast content sites, docs, and blogs. Supports React, Vue, Svelte. 58K+ stars.

by AI Open Source·93 views
$ tokrepo install astro-web-framework-content-driven-sites-3a0c9468
Config#03
Mintlify — AI-Powered Documentation Platform

Beautiful API docs and developer portals with AI-powered search, auto-generated API references, and instant deployment from markdown or OpenAPI specs.

by Skill Factory·106 views
$ tokrepo install mintlify-ai-powered-documentation-platform-9dd15b95
Skill#04
Docusaurus — Documentation Sites Made Easy

Build fast, SEO-friendly documentation websites with React and Markdown. By Meta. Powers 10K+ sites. 64K+ GitHub stars.

by AI Open Source·115 views
$ tokrepo install docusaurus-documentation-sites-made-easy-2c489776
Config#05
Slidev — Presentation Slides for Developers

Slidev is a Markdown-based presentation tool for developers. Write slides in Markdown, render with Vue components, use code highlighting with animations, live coding, LaTeX math, diagrams, and export to PDF or SPA. Powered by Vite for instant hot reload.

by AI Open Source·104 views
$ tokrepo install slidev-presentation-slides-developers-ce6e1004
FAQ

常见问题

这些工具免费吗?

VitePress / Astro / Docusaurus / Slidev 都是 MIT 开源 —— 规模再大也零成本。Mintlify 是 freemium:小项目免费档,分析 / 自定义域名 / AI 搜索是付费档。四个免费选项放 Vercel 或 Cloudflare Pages 自托管,普通文档站流量都是 0 美元。

Astro 跟 Next.js 做文档比怎么样?

Astro 的 Islands 架构默认零 JS,Next.js 即使是静态博客也会水合整棵页面树。纯文档和营销,Astro 加载更快、部署更简单。Next.js 的优势在需要完整 SSR + 频繁个性化或鉴权路由 —— 那不是文档问题。

Claude Code 或 Cursor 能配合用吗?

五个都只是 repo 里的 markdown + JS 文件,任何 AI 编辑器都能处理。Claude Code 和 Cursor 对 Astro 和 Next.js 有专门感知。VitePress 和 Docusaurus 装 Vue 和 React 语言服务即可。Mintlify 内容是纯 markdown,每个编辑器都原生处理。

和 Headless CMS for AI 的区别?

这些是静态站构建器 —— 拿内容在 build 时变 HTML。Headless CMS(Strapi / Directus 等)是存内容的编辑后端。很多团队组合用:Directus 编辑,Astro 渲染。这个 pack 是渲染层,headless CMS pack 是存储层。

Mintlify 的运维坑是什么?

超出免费档后按 build 分钟计费,增量 build 很关键。200 页文档每次推送从头 build 一遍会烧分钟数。配置 Mintlify GitHub 集成的增量模式,先观察一周 build dashboard 再判断免费额度够不够。

更多主题包

12 个主题包 · 80+ 精选资产

回首页浏览全部精选合集

返回主题包总览