🚀 快速安装

复制以下命令并运行，立即安装此 Skill：

npx @anthropic-ai/skills install antfu/skills/vitepress

💡 提示：需要 Node.js 和 NPM

VitePress 是一个基于 Vite 和 Vue 3 构建的静态站点生成器。它接收 Markdown 内容，应用主题，并生成静态 HTML，这些 HTML 会成为一个可实现快速导航的单页应用。非常适合文档、博客和营销网站。

关键特性：

  • 基于文件的 .md 文件路由
  • Vue 组件可直接在 Markdown 中使用
  • 热模块替换速度快，即时更新（<100ms）
  • 默认主题针对文档进行了优化
  • 内置搜索（本地或 Algolia）

在处理 VitePress 项目之前：

  • 检查 .vitepress/config.ts 以了解站点配置
  • 查看 .vitepress/theme/ 以了解自定义主题扩展
  • public/ 目录包含按原样提供的静态资源

该技能基于 VitePress 1.x，生成于 2026-01-28。

核心

主题 描述 参考
配置 配置文件设置、defineConfig、站点元数据 core-config
CLI 命令行界面：开发、构建、预览、初始化 core-cli
路由 基于文件的路由、源目录、重写规则 core-routing
Markdown 前置元数据、容器、表格、锚点、包含文件 core-markdown

功能

代码与内容

主题 描述 参考
代码块 语法高亮、行高亮、差异、聚焦 features-code-blocks
Markdown 中的 Vue 组件、脚本设置、指令、模板 features-vue
数据加载 构建时数据加载器、createContentLoader features-data-loading
动态路由 从数据生成页面、路径加载器文件 features-dynamic-routes

主题

主题 描述 参考
主题配置 导航栏、侧边栏、搜索、社交链接、页脚 theme-config
自定义 CSS 变量、插槽、字体、全局组件 theme-customization
自定义主题 从头构建主题、主题接口 theme-custom

高级

主题 描述 参考
国际化 多语言站点、本地化配置 advanced-i18n
SSR 兼容性 服务器端渲染、ClientOnly、动态导入 advanced-ssr

配方

主题 描述 参考
部署 GitHub Pages、Netlify、Vercel、Cloudflare、Nginx recipes-deploy

📄 原始文档

完整文档（英文）：

https://skills.sh/antfu/skills/vitepress

💡 提示：点击上方链接查看 skills.sh 原始英文文档，方便对照翻译。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。