主题简介
BeaconNav 是一款专为 Typecho 打造的导航类主题,以极简风格与高效管理为核心,支持多级分类、自定义图标及响应式布局,轻松聚合网站、工具、文档等资源。无论是个人导航站、团队知识库,还是开源项目目录,都能通过直观的网格化界面快速检索目标内容,搭配 SEO 优化与深色模式切换,兼顾视觉体验与实用性。
![图片[1]-BeaconNav 导航主题:极简设计 + 高效链接聚合,打造你的专属资源门户](https://s21.ax1x.com/2025/03/03/pEG7O74.png)
主题特点
- 响应式设计,适配手机、平板、电脑等设备;
- 支持自定义 LOGO、背景图片;
- 支持日历、时钟组件;
- 支持背景粒子特效;
- 支持
PJAX
无刷新加载; - 支持友情链接模板页;
- 支持点赞数、访问量统计,并支持按时间、点赞数、访问量、权重(约定为 100*点赞数+访问量)自定义排序方式;
- 支持
最近访问
和本地收藏
功能; - 集成Google AdSense,内置风格一致的广告位;
- 评论支持
emoji
表情等…
主题安装
- 下载主题压缩包,解压后放到
/usr/themes/
目录下,将文件夹命名为BeaconNav
,确保index.php
文件直接在BeaconNav
文件夹下; - 登录博客后台,进入
控制台
->外观
,选择BeaconNav
主题; 启用
主题即可。
主题使用
1. 导航编辑
主题中主要包含导航菜单
和导航项
两个部分,其中,导航菜单
是通过一级分类
实现的,而导航项
是通过文章
实现的。因此,编辑时,只需要创建一级分类
,并将文章
分配到该分类下即可。
![图片[2]-BeaconNav 导航主题:极简设计 + 高效链接聚合,打造你的专属资源门户](https://s21.ax1x.com/2025/03/03/pEGH9c6.png)
值得注意的是,编辑文章
时,会有跳转链接
和站点图标
两个设置项,其中跳转链接
必须指定,而站点图标
则为可选项,如果不填,则会自动获取目标站点根路径下的favicon.ico
作为站点图标
。
![图片[3]-BeaconNav 导航主题:极简设计 + 高效链接聚合,打造你的专属资源门户](https://s21.ax1x.com/2025/03/03/pEGHFBD.png)
2. 导航列表
为了保证界面的美观,主题去掉了翻页的按钮,因此,为了确保数据能够显示完整,需要到博客后台的设置
->阅读
下面,将每页文章数目
设置大一些(如50
或100
等),然后保证每个分类
下的导航项
数量不超过这个值,后续可能会考虑实现滚动加载。
![图片[4]-BeaconNav 导航主题:极简设计 + 高效链接聚合,打造你的专属资源门户](https://s21.ax1x.com/2025/03/03/pEGHEAH.png)
3. 友情链接
主题中实现了一个友情链接模板页,可在添加友情链接独立页面
时,在自定义模板
中选择友链页面
。 然后通过如下 markdown
语法来添加友情链接:
-  [站点名称1](跳转链接1)
-  [站点名称2](跳转链接2)
![图片[5]-BeaconNav 导航主题:极简设计 + 高效链接聚合,打造你的专属资源门户](https://s21.ax1x.com/2025/03/03/pEGHn3t.png)
4. 插件依赖
- LZStat:主题中的点赞数、访问量统计,以及自定义排序是通过
LZStat
插件实现的,如果不需要这些功能,也可以不使用该插件。
© 版权声明
THE END
暂无评论内容