资源分享丨推荐一款非常漂亮的typecho导航主题!

东海大仙

主题名称:BeaconNav

cms程序:typecho

导航主题.png

简介:

BeaconNav是运行在typecho程序下的一款导航主题,Beacon是灯塔的意思,希望使用者在知识的海洋里能够如同有灯塔一样,能指引方向,在工作、学习中不会迷失方向。

演示:

https://nav.haidongboke.com

主题特点

  • 采用响应式设计,对手机、平板、电脑等设备进行了适配;

  • 支持自定义 LOGO、背景图片;

  • 支持日历、时钟组件;

  • 支持友情链接模板页;

  • 支持点赞数、访问量统计,并支持按时间、点赞数、访问量、权重(约定为 100*点赞数+访问量)自定义排序方式,该功能借助插件实现;

  • 评论支持emoji表情......

主题安装

1、到Github下载 BeaconNav 主题压缩包,解压后放到/usr/themes/目录下,将文件夹命名为 BeaconNav,记住一定要重命名,否则提示主题不存在

2、登录博客后台,进入控制台->外观,选择BeaconNav主题;

3、启用主题即可。

主题使用

1. 导航编辑

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

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

设置分类.jpg

添加导航.jpg

2. 导航列表

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

阅读设置.jpg

3. 友情链接

主题包含一个友情链接模板页,可在添加友情链接独立页面时,在自定义模板中选择友链页面。

然后通过如下 markdown 语法来添加友情链接:

友情连接.jpg

4. 插件依赖

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

插件下载:点击此处直达

手机扫描二维码访问

文章版权声明:除非注明,否则均为海东博科原创文章,转载或复制请以超链接形式并注明出处。

目录[+]

取消
微信二维码
微信二维码
支付宝二维码