标签分类
按标签浏览所有教程内容,快速找到你需要的学习资料。
标签云
标签详情页
点击任意标签可跳转到 标签详情页,查看该标签下的所有文章。
详细分类
入门
适用于初学者的基础教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 什么是 VitePress | 了解 VitePress 的核心特点 | ⭐ |
| 安装与环境配置 | 快速搭建开发环境 | ⭐ |
| 项目结构解析 | 理解项目目录结构 | ⭐ |
| 创建第一个页面 | 动手创建你的第一个页面 | ⭐ |
配置
站点配置相关教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 配置文件详解 | 站点配置完整指南 | ⭐⭐ |
| Frontmatter 配置 | 页面级配置详解 | ⭐⭐ |
| 导航栏配置 | 自定义顶部导航 | ⭐⭐ |
| 侧边栏配置 | 配置文档侧边栏 | ⭐⭐ |
| 环境变量管理 | 配置和管理环境变量 | ⭐⭐ |
| 站点配置 | VitePress 配置文件 API | ⭐⭐⭐ |
| 运行时 API | VitePress 运行时 API 参考 | ⭐⭐⭐⭐ |
| 多版本文档管理 | 配置多版本切换功能 | ⭐⭐⭐ |
主题
主题定制相关教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 默认主题配置 | 主题配置选项详解 | ⭐⭐ |
| 自定义主题 | 开发自定义主题 | ⭐⭐⭐⭐ |
| CSS 变量覆盖 | 自定义品牌样式 | ⭐⭐⭐ |
| 布局插槽 | 扩展默认布局 | ⭐⭐⭐ |
| 社区主题使用指南 | 社区主题推荐与使用 | ⭐⭐ |
| VitePress 主题架构原理 | 深入理解主题系统 | ⭐⭐⭐⭐⭐ |
实战案例
实战案例教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 博客搭建实战 | 搭建个人技术博客 | ⭐⭐⭐⭐ |
| 组件库文档 | 为组件库编写文档 | ⭐⭐⭐⭐ |
| API 文档站 | 构建 API 文档站点 | ⭐⭐⭐⭐ |
| 个人简历站 | 打造在线简历 | ⭐⭐⭐ |
| 个人作品集搭建 | 展示项目、技能和经历 | ⭐⭐⭐⭐ |
| 企业官网搭建 | 搭建专业企业官网 | ⭐⭐⭐⭐ |
部署
部署相关教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 部署与发布 | 多平台部署指南 | ⭐⭐⭐ |
| 更多部署平台 | Railway、Render、Zeabur 等平台 | ⭐⭐⭐ |
| CI/CD 自动化部署 | 持续集成部署方案 | ⭐⭐⭐ |
| 安全配置指南 | 站点安全最佳实践 | ⭐⭐⭐ |
国际化
多语言支持教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 多语言支持 | 实现多语言站点 | ⭐⭐⭐⭐ |
| 国际化实战案例 | 中英文双语站点实战 | ⭐⭐⭐⭐ |
插件
插件扩展教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 插件扩展 | 使用插件增强功能 | ⭐⭐⭐ |
| 插件开发指南 | 开发 VitePress 插件 | ⭐⭐⭐⭐ |
| 主题开发工具 | 主题开发工具和插件推荐 | ⭐⭐⭐ |
搜索
搜索功能教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 搜索功能 | 集成搜索功能 | ⭐⭐⭐ |
| Algolia 搜索集成 | 集成 Algolia 搜索服务 | ⭐⭐⭐ |
组件
组件开发相关教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 组件使用 | 在 Markdown 中使用 Vue 组件 | ⭐⭐⭐ |
| Vue 组件开发指南 | 主题中开发 Vue 组件 | ⭐⭐⭐⭐ |
Markdown
Markdown 语法相关教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| Markdown 扩展语法 | VitePress 增强的 Markdown 功能 | ⭐⭐ |
| 自定义容器语法 | 提示框、警告框、代码组等 | ⭐⭐ |
API
API 相关教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 站点配置 | VitePress 配置文件 API | ⭐⭐⭐ |
| 运行时 API | VitePress 运行时 API 参考 | ⭐⭐⭐⭐ |
测试
测试相关教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| VitePress 站点测试指南 | 单元测试、E2E 测试完整指南 | ⭐⭐⭐⭐ |
| 主题测试指南 | 主题测试完整指南 | ⭐⭐⭐⭐ |
优化
性能优化相关教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| 性能优化 | 提升站点性能 | ⭐⭐⭐ |
| 主题性能优化 | 主题加载和渲染优化 | ⭐⭐⭐⭐ |
FAQ
常见问题解答。
| 教程 | 说明 | 难度 |
|---|---|---|
| 常见问题 | 开发过程中的常见问题 | ⭐⭐ |
| 主题开发常见问题 | 主题开发问题解决方案 | ⭐⭐⭐ |
Vue
Vue 相关教程。
| 教程 | 说明 | 难度 |
|---|---|---|
| Vue 组件开发指南 | 在主题中使用 Vue 组件 | ⭐⭐⭐⭐ |
| TypeScript 深度集成指南 | TypeScript 类型安全开发 | ⭐⭐⭐⭐ |
其他标签
CSSTypeScriptJavaScriptPWASEORSSSitemapCMSAlgoliaCI/CDa11ySSGSSRMPAAILLM数据加载评论统计路由静态资源环境变量布局插槽图标导航迁移调试排错安全构建集成视频资源案例广告变现团队兼容性WebP懒加载OGOpen GraphURL重写路径映射图片优化GitHub开源
标签风格规范
标签命名规则
| 规则 | 示例 |
|---|---|
| 技术专有名词 使用英文,首字母大写 | VitePress、Vue、TypeScript、API |
| 标准缩写 保持原样 | i18n、SEO、SSR、PWA、CMS |
| 通用概念 使用中文 | 配置、部署、优化、主题、插件 |
| 中英文混合 中英文之间加空格 | API 文档、GitHub Actions |
英文标签列表
以下是项目中使用的英文标签(保持首字母大写):
| 标签 | 说明 |
|---|---|
VitePress | 本框架名称 |
Vue | Vue.js 框架 |
TypeScript | TypeScript 语言 |
JavaScript | JavaScript 语言 |
API | 应用程序接口 |
SEO | 搜索引擎优化 |
SSR | 服务端渲染 |
SSG | 静态站点生成 |
PWA | 渐进式 Web 应用 |
CMS | 内容管理系统 |
RSS | 内容订阅格式 |
CLI | 命令行工具 |
CI/CD | 持续集成/部署 |
i18n | 国际化(缩写) |
FAQ | 常见问题 |
Markdown | 标记语言 |
Frontmatter | 页面元数据 |
Algolia | 搜索服务 |
Giscus | 评论系统 |
中文标签列表
以下是项目中常用的中文标签:
| 标签 | 说明 |
|---|---|
配置 | 站点/主题配置 |
主题 | 主题开发/定制 |
部署 | 部署相关 |
插件 | 插件开发/使用 |
组件 | Vue 组件 |
优化 | 性能优化 |
搜索 | 搜索功能 |
国际化 | 多语言支持 |
集成 | 第三方集成 |
评论 | 评论系统 |
统计 | 数据分析 |
测试 | 测试相关 |
安全 | 安全配置 |
构建 | 构建流程 |
入门 | 入门教程 |
实战案例 | 实践示例 |
教程 | 学习教程 |
迁移 | 从其他工具迁移 |
调试 | 调试技巧 |
标签统计
🏷️
75+
标签分类
📄
97
教程文章
💡
9
实战案例
⏱️
30h+
学习时长