BeaconNav:一款Typecho网址导航主题模板

释放双眼,带上耳机,听听看~!

主题介绍

BeaconNav 乃是基于 typecho 所开发的一款导航主题。Beacon 一词蕴含灯塔之意,旨在期望使用者于知识的浩渺海洋之中,能够仿若有灯塔引领一般,目标清晰明确,永远不会迷失方向。

主题特点

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

主题预览

BeaconNav:一款Typecho网址导航主题模板
BeaconNav:一款Typecho网址导航主题模板

主题说明

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

由于typecho 1.3.0目前还是alpha版,为了能正常运行主题,你可以在本文章最底部进行下载完整的typecho1.3版本程序。

该代码是主题作者从官方镜像joyqi/typecho:nightly-php8.2-fpm中复制出来的,未作任何修改。演示站正在运行的也是这个版本,已经经过了主题作者和他的朋友们的检验,截止到发文时都运行良好,可以放心使用。

主题说明

1. 导航编辑

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

BeaconNav:一款Typecho网址导航主题模板

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

BeaconNav:一款Typecho网址导航主题模板

2. 导航列表

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

BeaconNav:一款Typecho网址导航主题模板

3. 友情链接

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

- ![站点名称1](站点图标1) [站点名称1](跳转链接1)
- ![站点名称2](站点图标2) [站点名称2](跳转链接2)
BeaconNav:一款Typecho网址导航主题模板

4. 插件依赖

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

搭配插件

BeaconNav:一款Typecho网址导航主题模板插图6
BeaconNav:一款Typecho网址导航主题模板插图6

LZStat:基于 typecho 的浏览量、点赞量统计插件

BeaconNav主题文件
1
typecho1.3.0(alpha版)
2
下载权限
查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

本站所有文章,如无特殊说明或标注,均为本站原创发布;任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台;如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

《关于网站内隐藏内容的介绍及理由》

如果下载链接失效的话,请劳烦您在评论区反馈,以便我们及时处理。

给TA打赏
共{{data.count}}人
人已打赏
typecho主题

WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤

2024-7-2 22:43:13

typecho主题

JJ:typecho高仿掘金网站主题

2024-8-26 20:54:12

软糖工作室微信公众号
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索