专为Typecho 1.3.0+与PHP 8.x打造的工具箱导航主题,集成响应式设计适配全设备,支持自定义LOGO、背景及粒子特效,内置日历时钟、PJAX无刷新加载、友链模板与数据统计功能,兼容Google广告位及Emoji评论系统,助力打造高效工具聚合平台,开发者与用户皆宜。
BeaconNav 导航主题使用指南
⚠️ 写在前面
- 版本要求:基于 Typecho 1.3.0 + PHP 8 开发,低版本需升级以避免功能异常(如浏览、点赞失效)。
- 主题愿景:以“灯塔(Beacon)”为名,助力用户在知识海洋中精准导航,永不迷失。
- 支持方式:若喜欢本主题,欢迎前往仓库点 Star 支持!
🌟 主题介绍
BeaconNav 是一款专为 Typecho 设计的导航主题,核心特性包括:
- 全设备适配:响应式布局,完美兼容手机/平板/电脑。
- 个性化定制:支持自定义 LOGO、背景图片及粒子特效。
- 实用组件:集成日历、时钟,提升页面交互性。
- 性能优化:PJAX 无刷新加载技术,流畅切换页面。
- 数据管理:点赞数、访问量统计,支持多维排序(时间/点赞/访问量/权重)。
- 用户功能:最近访问记录、本地收藏夹。
- 商业变现:内置 Google AdSense 广告位,风格无缝融合。
- 互动增强:评论支持 Emoji 表情,活跃社区氛围。
📥 主题安装
- 上传主题
- 下载压缩包并解压,将文件夹重命名为
BeaconNav
。 - 上传至服务器
/usr/themes/
目录,确保index.php
位于根目录。
- 下载压缩包并解压,将文件夹重命名为
- 后台启用
- 登录 Typecho 后台 → 控制台 → 外观,选择
BeaconNav
并启用。
- 登录 Typecho 后台 → 控制台 → 外观,选择
🛠️ 主题使用
1. 导航编辑
- 结构逻辑
- 导航菜单:通过 一级分类 实现(如“常用工具”“学习资源”)。
- 导航项:对应分类下的 文章,每篇文章代表一个导航条目。
- 文章设置
- 必填项:跳转链接(如
https://example.com
)。 - 可选项:站点图标(不填则自动抓取目标站点
favicon.ico
)。
- 必填项:跳转链接(如
2. 导航列表
- 数据完整性:前往 设置 → 阅读,将“每页文章数”调至 50-100,确保单页显示全部导航项(暂不支持分页,后续计划滚动加载)。
3. 友情链接
- 模板页创建:添加独立页面时,选择 友链模板。
- Markdown 语法:
<-  [站点名称](跳转链接) -  [GitHub](https://github.com)
4. 插件依赖
- LZStat 插件:
- 功能:实现点赞数、访问量统计及自定义排序(权重 = 100×点赞数 + 访问量)。
- 可选性:无需统计功能可跳过安装。
🎨 主题特色速览
类别 | 功能详情 |
---|---|
视觉设计 | 响应式布局、自定义 LOGO/背景、粒子特效 |
交互体验 | PJAX 无刷新加载、日历/时钟组件、最近访问/收藏夹 |
数据管理 | 多维度排序(时间/点赞/访问量/权重)、点赞/访问量统计 |
商业支持 | 内置 Google AdSense 广告位 |
扩展能力 | 友情链接模板页、Emoji 评论 |
提示:如遇兼容性问题,优先检查 Typecho 版本及 PHP 环境,或通过仓库提交 Issue 反馈。