eaconNav导航类型typecho主题-导航网站源码

主题介绍

BeaconNav是基于typecho开发的一款导航主题,Beacon是灯塔的意思,希望使用者在知识的海洋里能够如同有灯塔指引一样目标明确,永远不会迷失方向。

演示站点:https://nav.ilaozhu.com

图片[1]-eaconNav导航类型typecho主题-导航网站源码-心动次元

主题特点

  • 响应式设计,适配手机、平板、电脑等设备;
  • 支持自定义 LOGO、背景图片;
  • 支持日历、时钟组件;
  • 支持背景粒子特效;
  • 支持 PJAX 无刷新加载;
  • 支持友情链接模板页;
  • 支持点赞数、访问量统计,并支持按时间、点赞数、访问量、权重(约定为 100*点赞数+访问量)自定义排序方式;
  • 支持最近访问本地收藏功能;
  • 集成Google AdSense,内置风格一致的广告位;
  • 评论支持emoji表情等…

主题安装

  1. Github下载 BeaconNav 主题压缩包,解压后放到/usr/themes/目录下,将文件夹命名为 BeaconNav,确保index.php文件直接在BeaconNav文件夹下;
  2. 登录博客后台,进入控制台->外观,选择BeaconNav主题;
  3. 启用主题即可。

主题使用

 导航编辑

主题中主要包含导航菜单导航项两个部分,其中,导航菜单是通过一级分类实现的,而导航项是通过文章实现的。因此,编辑时,只需要创建一级分类,并将文章分配到该分类下即可。

图片[2]-eaconNav导航类型typecho主题-导航网站源码-心动次元

值得注意的是,编辑文章时,会有跳转链接站点图标两个设置项,其中跳转链接必须指定,而站点图标则为可选项,如果不填,则会自动获取目标站点根路径下的favicon.ico作为站点图标

图片[3]-eaconNav导航类型typecho主题-导航网站源码-心动次元

. 导航列表

为了保证界面的美观,主题去掉了翻页的按钮,因此,为了确保数据能够显示完整,需要到博客后台的设置->阅读下面,将每页文章数目设置大一些(如50100等),然后保证每个分类下的导航项数量不超过这个值,后续可能会考虑实现滚动加载。

图片[4]-eaconNav导航类型typecho主题-导航网站源码-心动次元

友情链接

主题中实现了一个友情链接模板页,可在添加友情链接独立页面时,在自定义模板中选择友链页面
然后通过如下 markdown 语法来添加友情链接:

图片[5]-eaconNav导航类型typecho主题-导航网站源码-心动次元

插件依赖

  • LZStat:主题中的点赞数、访问量统计,以及自定义排序是通过 LZStat 插件实现的,如果不需要这些功能,也可以不使用该插件。

本主题是为自用而设计的,因此,整体上会以清爽为主,不会添加太多花里胡哨的组件(现有的组件也是可以通过后台设置去掉的),由于刚完成开发,所以可能会有较多的bug,后续会继续优化,也欢迎大家多提bug,给出宝贵的意见!

发布协议

本主题采用 GPL 协议开源,您可以自由的修改、使用和传播,但请保留底部版权信息,以表示对作者的支持与尊重,谢谢!

温馨提示: 本文最后更新于2024-09-11 20:28:14,某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 御宅物语
eaconNav导航类型typecho主题-导航网站源码-心动次元
eaconNav导航类型typecho主题-导航网站源码
此内容为付费资源,请付费后查看
10积分
技术支持
一对一服务
安装调试
服务内容
付费资源
已售 2
© 版权声明
THE END
喜欢就支持一下吧
点赞13赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容