写在前面
本主题是基于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) [站点名称1](跳转链接1)
- ![站点名称2](站点图标2) [站点名称2](跳转链接2)
4. 插件依赖
- LZStat:主题中的点赞数、访问量统计,以及自定义排序是通过
LZStat
插件实现的,如果不需要这些功能,也可以不使用该插件。
最后
本主题是为自用而设计的,因此,整体上会以清爽为主,不会添加太多花里胡哨的组件(现有的组件也是可以通过后台设置去掉的),由于刚完成开发,所以可能会有较多的bug
,后续会继续优化,也欢迎大家多提bug
,给出宝贵的意见!
本主题采用 GPL
协议开源,您可以自由的修改、使用和传播,但请保留底部版权信息,以表示对作者的支持与尊重,谢谢!
评论31
化神期高手
感谢作者分享,如果站内搜索可以无刷新即时显示结果就完美了!
老朱
感谢建议,后面抽时间试着搞一搞👍
运维学习笔记博客
现在这种导航站一般都是自用的必要多!
老朱
是的,自用居多,我也是基于自用才开发的
Robert
感谢开源
礼貌询问:为什么我站内搜索跳404
老朱
具体啥情况我不太清楚,你看看是不是没有启用地址重写的原因,我知道地址重写这一块会有些坑
Robert
问题已解决,如博主所说是没有启用地址重写的原因
再询问下:LZStat插件为什么刷新页面后,浏览和点赞没有数量显示
老朱
用我文章开头网盘中的那个typecho试试,其它版本好像或多或少都有些问题
Robert
问题已解决,感谢大佬
维塔
搜索结果为空时,无提示无内容
见图片:https://img.picui.cn/free/2024/07/15/6695312a95d37.png
老朱
我故意去掉的,这都被你感知到了🤣,看样子我还是加上吧
维塔
文章页图片无法自适应 https://img.picui.cn/free/2024/07/13/6691664545ff9.png 😫
老朱
我这里复现不了,你这好像整个页面都没有自适应🤣