写在前面
本主题是基于typecho 1.3.0版本，并采用php 8的语法开发的，如果您的typecho版本低于1.3.0，请先升级到该版本，否则可能存在兼容性问题（如浏览，点赞失效）。
由于typecho 1.3.0目前还是alpha版，保险起见，你可以直接通过如下地址下载：
https://pan.baidu.com/s/1kuCOQ2KrRCjT79LTLGFfcQ?pwd=yyds
该代码是从作者官方镜像joyqi/typecho:nightly-php8.2-fpm中复制出来的，未作任何修改。我的网站正在运行的也是这个版本，已经经过了我和朋友们的检验，目前运行良好，可以放心使用。
主题介绍
BeaconNav是基于typecho开发的一款导航主题，Beacon是灯塔的意思，希望使用者在知识的海洋里能够如同有灯塔指引一样目标明确，永远不会迷失方向。
主题特点
- 响应式设计，适配手机、平板、电脑等设备；
- 支持自定义 LOGO、背景图片；
- 支持日历、时钟组件；
- 支持背景粒子特效；
- 支持
PJAX无刷新加载； - 支持友情链接模板页；
- 支持点赞数、访问量统计，并支持按时间、点赞数、访问量、权重(约定为 100*点赞数+访问量)自定义排序方式；
- 支持
最近访问和本地收藏功能； - 集成Google AdSense，内置风格一致的广告位；
- 评论支持
emoji表情等...
主题安装
- 到
Github下载 BeaconNav 主题压缩包，解压后放到/usr/themes/目录下，将文件夹命名为BeaconNav，确保index.php文件直接在BeaconNav文件夹下； - 登录博客后台，进入
控制台->外观，选择BeaconNav主题； 启用主题即可。
主题使用
1. 导航编辑
主题中主要包含导航菜单和导航项两个部分，其中，导航菜单是通过一级分类实现的，而导航项是通过文章实现的。因此，编辑时，只需要创建一级分类，并将文章分配到该分类下即可。
值得注意的是，编辑文章时，会有跳转链接和站点图标两个设置项，其中跳转链接必须指定，而站点图标则为可选项，如果不填，则会自动获取目标站点根路径下的favicon.ico作为站点图标。
2. 导航列表
为了保证界面的美观，主题去掉了翻页的按钮，因此，为了确保数据能够显示完整，需要到博客后台的设置->阅读下面，将每页文章数目设置大一些（如50或100等），然后保证每个分类下的导航项数量不超过这个值，后续可能会考虑实现滚动加载。
3. 友情链接
主题中实现了一个友情链接模板页，可在添加友情链接独立页面时，在自定义模板中选择友链页面。
然后通过如下 markdown 语法来添加友情链接：
-  [站点名称1](跳转链接1)
-  [站点名称2](跳转链接2)
4. 插件依赖
- LZStat：主题中的点赞数、访问量统计，以及自定义排序是通过
LZStat插件实现的，如果不需要这些功能，也可以不使用该插件。
结语
本主题是为自用而设计的，因此，整体上会以清爽为主，不会添加太多花里胡哨的组件（现有的组件也是可以通过后台设置去掉的），由于刚完成开发，所以可能会有较多的bug，后续会继续优化，也欢迎大家多提bug，给出宝贵的意见！
本主题采用 GPL 协议开源，您可以自由的修改、使用和传播，但请保留底部版权信息，以表示对作者的支持与尊重，谢谢！
最后，想要用好 Typecho，少不了 PHP 的相关知识，点击下方按钮可获取全套的 PHP 零基础视频教程。
百度网盘
上述学习资源均来源于网络，搜集整理不易，仅供学习研究使用，如有需要，请保存至个人网盘备份，以防下架或丢失！
相关推荐
- 终于收到 Google Adsense 漂洋过海邮寄过来的 PIN 码了 2025-03-13
- 为博客网站增加一个简单的算术验证码，防止机器人垃圾评论轰炸 2025-03-12
- 如何基于 Typecho 实现中英双语网站（下） 2025-02-20
- 如何基于 Typecho 实现中英双语网站（上） 2025-02-09
- Typecho中添加外链跳转的过渡页 2024-12-18
评论52
3545
这么好的主题，可以一搜索就404 Not Found
nginx。。。。。。是bug？还我的配置的问题?
老朱
看看地址重写功能是不是配置有问题，nginx要配置路由重写，typecho也要启用地址重写功能，要么都不配置，要么都配置，我估计你只配置了其中一个，你看我示例网站是没问题的
3545
已经解决，我自己配置的问题~
酷小呵
我的一个块容器包括它的二级分类(比如实用推荐)里的链接数据，全都是放在同一个自定义字段里了，是直接让AI帮我写的函数处理的，我也不太清楚查了几次库，例如下面写法：
实用推荐:常用网站|tools1,软件下载|tools2,在线影视|tool.0
tools1:
酷小呵资源站|https://kuhehe.kuhehe.top
酷小呵发布页|https://kuhehe.vip
酷小呵博客(旧)|https://www.kuhehe.top
PJ软件库|https://kuhehe.flowus.cn/share/151e642c-9814-4a8c-88f0-048cda0ec92f
小棉袄|https://haikuoshijie.cn
不死鸟分享|https://iui.su
哎呦不错|https://aiyoubucuo.com
奔跑奶酪|https://www.runningcheese.com
素材资源网|https://www.sucaizy.com
资源收藏夹|https://zyscj.com
阿虚同学储物间|https://axutongxue.com
叛逆草导航|https://www.pncao.com
神秘热心网友|https://imyshare.com
tools2:
PJ软件库|https://kuhehe.flowus.cn/share/151e642c-9814-4a8c-88f0-048cda0ec92f
鸭先知|https://www.yxzhi.com
果核剥壳|https://www.ghxi.com
五九软件库|https://www.5909.net
大眼仔旭|https://www.dayanzai.me
软仓|https://www.ruancang.net
tool:
谷歌|https://google.com
GitHub|https://github.com
哈哈哈|#
哈哈哈|#
哈哈哈|#
哈哈哈|#
3545
搜索整个问题解决了。ps 一换背景就图片就正在卡住，是不哪里设置不对，bg1-bg4，只可以设置4图吗？
老朱
背景图不要设置太大的，否则确实会卡，图片想设置多少张都可以
酷小呵
大佬，我自己弄的导航主题，现在测试上线😃可以看看效果了！😶
https://n.kuhehe.top
老朱
666，你是多次查库，还是一次性全部查出来然后内存里面分组的？
酷小呵
大佬，你知道怎么输出一级分类和二级分类和二级分类下的文章吗？
就是我想弄一个带二级分类的导航主题，样式已经用AI写好了😊（二级分类用分栏来显示）
就像图片这样
老朱
你这AI用得很6啊。输出二级分类需要遍历，先用\Widget\Metas\Category\Rows::alloc()->to($categories)把所有分类查出来，然后找出levels==0的就是一级分类，然后parent等于一级分类ID的就是相应的二级分类，然后再根据二级分类ID查询文章，最后再组装成页面的结构，还是有点麻烦的。这种设计要么频繁查库，要么要写很复杂的连接查询语句，因此要用到缓存技术，否则这个页面加载会很慢
酷小呵
哦哦。好的，我有空再研究研究吧，虽然看到有一个开源typecho导航主题ITEM，想研究研究的，但是还没怎么看懂他的代码怎么弄的😅
悠悠
数据加载中，那个界面可以去了吗，切换栏目一直闪白
老朱
可以，直接把footer.php这个文件中出现loader关键字的地方去掉就可以了，不过我猜测不断闪白的原因可能是背景图片太大了，因为出现数据加载中，主要就是在加载背景图片，没有“数据加载中”遮挡，页面可能会更奇怪，不过你可以试一下看看，代码也不多