开源一款基于 Typecho 开发的导航主题v1.5.3

本主题是基于typecho 1.3.0版本，并采用php 8的语法开发的，如果您的typecho版本低于1.3.0，请先升级到该版本，否则可能存在兼容性问题（如浏览，点赞失效）。

由于typecho 1.3.0目前还是alpha版，保险起见，你可以直接通过文章尾部下载

该代码是从作者官方镜像joyqi/typecho:nightly-php8.2-fpm中复制出来的，未作任何修改。我的网站正在运行的也是这个版本，已经经过了我和朋友们的检验，目前运行良好，可以放心使用。

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

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

  预览

  预览站点 1：https://nav.ilaozhu.com 预览站点 2：https://tz.ilaozhu.com

  1. 列表页

  

  2. 详情页

  

  主题安装

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

  主题使用

  1. 导航编辑

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

  

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

  

  2. 导航列表

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

  

  3. 友情链接

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

  - ![站点名称1](站点图标1) [站点名称1](跳转链接1)
  - ![站点名称2](站点图标2) [站点名称2](跳转链接2)

  

  4. 插件依赖

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

  发布协议

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

   

  typecho-1.3.zip

  下载

  zip文件

  551.4K

   

  BeaconNav-main.zip

  下载

  zip文件

  958.3K

   

  LZStat.zip

  下载

  zip文件

  8.7K

   

  关于作者

  • 博客：https://ilaozhu.com

  • 原文链接：ZShijun/BeaconNav: 一款适合做工具箱的typecho导航主题(navigation theme)

  • 公众号：老朱独立开发