社区项目展示
发现社区成员用 VitePress 构建的精彩项目。如果你也有项目想展示，欢迎提交！
如何提交项目
- 在 GitHub Issues 创建新 Issue
- 使用「项目展示」模板
- 提供项目名称、链接、截图和简介
提交要求
| 要求 | 说明 |
|---|---|
| 使用 VitePress 构建 | 项目必须基于 VitePress |
| 可公开访问 | 提供可访问的在线地址 |
| 有源码链接 | 优先展示开源项目 |
| 提供截图 | 至少一张首页截图 |
精选项目
技术博客类
| 项目 | 说明 | 亮点 |
|---|---|---|
| Vue.js 官方博客 | Vue.js 团队官方博客 | 多语言、搜索集成 |
| TypeScript 指南 | TypeScript 中文学习指南 | 交互式代码示例 |
| 前端周刊 | 前端技术周报站 | 自动化构建、RSS 订阅 |
文档站类
| 项目 | 说明 | 亮点 |
|---|---|---|
| 组件库文档 | Vue 3 UI 组件库文档 | 组件在线演示 |
| API 文档 | REST API 接口文档 | 自动生成、版本管理 |
| 内部知识库 | 企业内部知识管理 | 权限控制、全文搜索 |
个人站点类
| 项目 | 说明 | 亮点 |
|---|---|---|
| 个人简历站 | 开发者在线简历 | 响应式、暗色模式 |
| 作品集 | 设计师作品展示 | 图片优化、动画效果 |
| 技术笔记 | 个人学习笔记站 | 标签系统、归档功能 |
项目灵感
适合用 VitePress 构建的项目类型
mermaid
graph TD
A[VitePress 项目] --> B[文档类]
A --> C[博客类]
A --> D[展示类]
B --> B1[技术文档]
B --> B2[API 文档]
B --> B3[教程站]
C --> C1[个人博客]
C --> C2[团队博客]
C --> C3[技术周刊]
D --> D1[作品集]
D --> D2[简历站]
D --> D3[企业官网]快速启动模板
| 模板 | 仓库 | 说明 |
|---|---|---|
| 博客模板 | github.com/example/vp-blog | 含标签、归档、评论 |
| 文档模板 | github.com/example/vp-docs | 含搜索、多版本 |
| 简历模板 | github.com/example/vp-resume | 含打印优化 |
社区贡献故事
贡献者访谈
张三 — 从文档翻译到核心贡献者
Q: 你是如何开始为 VitePress 贡献的？
A: 最初我只是翻译了几篇文档。后来发现社区中很多人遇到暗色模式适配的问题，我就写了一篇详细的指南，后来被合并到了官方文档中。
建议: 从小事做起，哪怕只是修复一个错别字也是贡献。
李四 — 用 VitePress 构建了公司文档站
Q: 为什么选择 VitePress 而不是其他工具？
A: 我们团队评估了 Docusaurus、GitBook 和 VitePress。最终选择 VitePress 是因为：
- 构建速度极快，几分钟就能构建上千页文档
- Vue 生态兼容性好，可以复用现有组件
- Markdown 扩展语法丰富，技术文档编写效率高
建议: 先做小规模 POC 验证，再全面迁移。