Scripts2026年4月12日·1 分钟阅读

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.

SC
Script Depot · Community
快速使用

先拿来用，再决定要不要深挖

这里应该同时让用户和 Agent 知道第一步该复制什么、安装什么、落到哪里。

npm i -D vitepress
mkdir docs && echo "# Hello VitePress" > docs/index.md
npx vitepress dev docs                      # Dev at :5173
npx vitepress build docs                    # Build
npx vitepress preview docs                  # Preview build

docs/.vitepress/config.ts:

import { defineConfig } from "vitepress";

export default defineConfig({
  title: "TokRepo Docs",
  description: "Open Source Asset Guides",
  themeConfig: {
    nav: [
      { text: "Home", link: "/" },
      { text: "Guide", link: "/guide/" },
    ],
    sidebar: [
      {
        text: "Getting Started",
        items: [
          { text: "Introduction", link: "/guide/" },
          { text: "Installation", link: "/guide/install" },
        ],
      },
    ],
  },
});
介绍

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

What VitePress Does

  • Markdown + Vue — use Vue components inside Markdown
  • Vite-powered — instant HMR during development
  • Default theme — beautiful docs theme with search, sidebar, nav
  • Code highlighting — Shiki with line highlighting
  • Frontmatter — YAML metadata per page
  • Built-in search — local search or Algolia
  • i18n — multi-language support
  • Last updated — git-based timestamps
  • Custom themes — extend or replace the default theme
  • SSG + SPA — static generation with client-side navigation

Comparison

Tool Framework Speed Components
VitePress Vue + Vite Fastest Vue
Docusaurus React Fast React
mdBook Rust Fast None
Starlight (Astro) Astro Fast Any
Nextra (Next.js) React Medium React

常见问题 FAQ

Q: VitePress vs Docusaurus？ A: VitePress 更轻（Vue + Vite），Docusaurus 功能更全（版本管理、i18n、插件生态更大）。Vue 项目选 VitePress，React 项目选 Docusaurus。

Q: 能用 React 组件吗？ A: 不能。VitePress 绑定 Vue。需要 React 选 Docusaurus 或 Nextra。

来源与致谢 Sources

讨论

登录后参与讨论。
还没有评论，来写第一条吧。

相关资产

mdBook — Create Books from Markdown Like Gitbook in Rust

mdBook creates online books from Markdown files, similar to Gitbook but implemented in Rust. Used for the official Rust Book, Cargo Book, Tokio Tutorial, and many open-source documentation sites. Fast builds and a clean default theme.

Script Depot

Hyperfine — Command-Line Benchmarking Tool

Hyperfine is a command-line benchmarking tool written in Rust. Run benchmarks with statistical analysis: multiple runs, warmup, outlier detection, comparison across commands, and export results. By the author of bat and fd.

Script Depot

Dioxus — Full-Stack App Framework for Web, Desktop, and Mobile

Dioxus is a full-stack app framework for Rust with a React-like API. Build web (WASM), desktop (native WebView), mobile (iOS/Android), TUI, and server-rendered apps from one codebase. Hooks, components, server functions, and hot reloading.

Script Depot
◈首页🔍搜索👤我的