写在前面
本主题是基于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
 
评论57
维塔
文章页图片无法自适应 https://img.picui.cn/free/2024/07/13/6691664545ff9.png 😫
老朱
我这里复现不了,你这好像整个页面都没有自适应🤣
飞鱼
感谢大佬开源,已分享到 信息名单:https://web.xxmd.com/22412.html
PM
你的网站挺棒的,我想问一下。这种非 wp 的网站都是从什么地方搞的。能加个好友么
飞鱼
这个就是wordpress的,用了不同的主题模板就能实现更加高级的功能,我这个就是B2主题,一些强大的主题如:B2、子比主题:https://www.zibll.com/?ref=38313、一为导航:https://www.iotheme.cn/?aff=101180
等等
老朱
欢迎欢迎
酷小呵
建议大佬给跳转链接弄一个过渡页,谢谢
打扰大佬了
老朱
脑袋里面渲染不出过渡页是什么样子的😂
酷小呵
类似这种,你进去我这个页面,然后随便在网站介绍点进去一个网址,就可以看到我说的过渡页面了 https://dh.kuhehehe.work/post/73/
我是用了一个插件,就是不知道怎么给我那个自定义字段的网址链接也加上这个(插件配置里有一个填自定义字段,可惜我不知道怎么填)
老朱
这个可以有,后续加上👍