VitePress Theme Open17

让你的博客焕然一新 | 简洁 · 优雅 · 强大

📚 文档 · 🚀 演示

---

✨ 为什么选择 Open17？

无缝沿用 VitePress 默认配置，轻松构建你的个性化博客

Open17 是一款专为 VitePress 设计的现代化博客主题，在保持原有强大功能的基础上，为你带来全新的博客体验。

⚡ 一键开始

自动安装+配置主题,一行即可!

# my-blog换为你的项目名
npm create open17-blog my-blog

🌟 丰富功能一览

🏡 博客核心 ✅ 博客主页布局 ✅ 文章列表分页 ✅ 摘要自动提取 ✅ 文章置顶功能 ✅ 个人资料卡	🏷️ 组织管理 ✅ 标签系统 ✅ 分类管理 ✅ 归档统计 ✅ 全文搜索 ✅ RSS 订阅源
🎨 个性定制 ✅ 自定义配色 ✅ 自定义背景 ✅ 明暗模式切换 ✅ TailwindCSS ✅ 自定义组件	💬 交互体验 ✅ 评论系统集成 ✅ 响应式设计 ✅ SEO 优化 ✅ Markdown 增强 ✅ 默认主题兼容

📸 主题预览

现代化设计 · 优雅的阅读体验

🎯 查看在线演示

其他配置方式

更推荐使用一键开始命令

方式：github模板

使用 GitHub Template 快速创建你的博客：

点击一键创建📦

方式：手动安装

npm install -D vitepress-theme-open17

然后在 VitePress 主题入口中启用主题:

// .vitepress/theme/index.js
import Theme from 'vitepress-theme-open17'
export default Theme

使用类型安全的方式编写配置:

// .vitepress/config.ts
import type { ThemeConfig } from 'vitepress-theme-open17/config'
import { defineConfigWithTheme } from 'vitepress'

export default defineConfigWithTheme<ThemeConfig>({
  themeConfig: {
    // 你的主题配置
  }
})

📚 完整指南

• 📖 快速开始 - 5分钟上手指南
• ⚙️ 主题配置 - 详细配置说明
• 🎨 样式定制 - 打造专属风格
• 🔧 进阶使用 - 高级功能探索

💝 社区支持

如果这个主题对你有帮助，请给我们一个 ⭐

你的支持是我们持续更新的最佳动力！

🐛反馈问题 💡功能建议

---

Made with ❤️ by open17