导航

Vuecho主题 - 基于Typecho博客的开源免费Vuepress风格的文档主题


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

主题特点

🎨 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              # 说明文档

Facile主题 - 一款开源、免费、简洁的Typecho博客主题

BMM书签 - 开源书签管理工具,免费的AI工具收录网站网址导航系统

评 论
评论已关闭