一个采用VuePress设计风格的Typecho文档主题,专为技术文档网站设计,提供清晰的导航结构和优秀的阅读体验。
特性
- 🎨 VuePress风格设计 - 采用简洁现代的设计风格,深蓝色主色调配绿色强调色
- 📱 响应式布局 - 完美适配桌面、平板、手机等多种设备
- 🧭 清晰导航结构 - 顶部导航栏、面包屑导航、侧边栏目录
- 📖 自动目录生成 - 自动生成文章目录树,支持折叠展开
- 🔍 全站搜索功能 - 实时搜索文档内容,支持关键词高亮
- 🏷️ 文档分类管理 - 支持分类和标签系统,便于内容组织
- ⚡ 性能优化 - 轻量级设计,快速加载
安装方法
环境要求
- Typecho: 1.2.0 或更高版本
- PHP: 7.4 或更高版本
- Web服务器: Apache/Nginx
- 字体: 注意给Typecho配置上伪静态并在后台开启地址重写功能 (必要)
安装步骤
- 下载主题ZIP文件
- 解压到
usr/themes/
目录下 - 确保文件夹名称为
Vuecho
- 设置适当的文件权限
启用主题
- 登录Typecho后台管理界面
- 导航至 控制台 → 外观 → 设置外观
- 在可用主题列表中找到 Vuecho
- 点击 启用 按钮
- 主题启用成功后,访问网站前台查看效果
主题设置
主题内自定义设置不再阐述
自定义样式
/* 自定义主色调 */
:root {
--primary-color: #3eaf7c;
--primary-dark: #369870;
}
/* 自定义字体 */
body {
font-family: 'Your Custom Font', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}