一个采用VuePress设计风格的Typecho文档主题,专为技术文档网站设计,提供清晰的导航结构和优秀的阅读体验,是轻量文档模板的不二之选。

主题特点
🎨 VuePress风格设计 - 采用简洁现代的设计风格,深蓝色主色调配绿色强调色
📱 响应式布局 - 完美适配桌面、平板、手机等多种设备
🧭 清晰导航结构 - 顶部导航栏、面包屑导航、侧边栏目录
📖 自动目录生成 - 自动生成文章目录树,支持折叠展开
🔍 全站搜索功能 - 实时搜索文档内容,支持关键词高亮
🏷️ 文档分类管理 - 支持分类和标签系统,便于内容组织
⚡ 性能优化 - 轻量级设计,快速加载
主题下载
下载Vuecho主题压缩包
解压到 usr/themes/ 目录下
确保文件夹名称为 Vuecho
设置适当的文件权限
部署方法
环境要求
Typecho: 1.2.0 或更高版本
PHP: 7.4 或更高版本
Web服务器: Apache/Nginx
浏览器: 支持现代浏览器(Chrome 60+, Firefox 60+, Safari 12+, Edge 79+)
字体: 注意给Typecho配置上伪静态并在后台开启地址重写功能 (必要)
启用主题
登录Typecho后台管理界面
导航至 控制台 → 外观 → 设置外观
在可用主题列表中找到 Vuecho
点击 启用 按钮
主题启用成功后,访问网站前台查看效果
我们的QQ交流群:884250547
关注微信公众号,获取最新通知

目录结构
docs/
├── assets/ # 静态资源目录
│ ├── css/
│ │ ├── style.css # 主样式文件
│ ├── js/
│ │ ├── main.js # 主要JavaScript功能
│ │ └── fuse.min.js # 搜索功能库
│ └── images/ # 图片资源
├── index.php # 首页模板
├── post.php # 文章页模板
├── page.php # 页面模板
├── archive.php # 归档页模板
├── header.php # 页面头部
├── footer.php # 页面底部
├── sidebar.php # 侧边栏
├── comments.php # 评论模板
├── functions.php # 主题函数
└── README.md # 说明文档 