目 录CONTENT

文章目录

修改当前主题,在侧边栏增加站点访问统计功能

沙漠渔
2022-05-24 / 29 评论 / 3 点赞 / 499 阅读 / 1,275 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-06-06,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

近期经常看51la上面的统计功能,上面有一个挂件功能,感觉加到站点的右侧挺合适的,于是就看看怎么修改以解决需求。

主题原作者发布的新主题已经在底部增加了卜蒜子统计,各位看官看看自己的需求吧,如果想使用51啦的可以按照这个方式修改,如果新主题自带功能已经可以了就不用修改了,该文章只做为一个修改这个主题的思路

效果图

在后台主题配置的侧边栏中增加如下功能
站点统计.png

在前端页面的侧边栏中增加如下效果(红框标记处)
QQ拼音截图20220524232507.png

实现方式

在settings.yaml中如下位置添加下述代码

enable_notice:
  name: enable_notice
  label: 展示网站公告
  type: switch
  data-type: bool
  default: false
  description: "在右侧展示公告信息模块,必须配置公告内容才生效(请在 '基本设置' 栏中配置)"
  options:
	- value: true
	  label: 开启
	- value: false
	  label: 关闭
# 在此行添加以下代码
enable_statistics:
  name: enable_statistics
  label: 展示站点统计
  type: switch
  data-type: bool
  default: false
  description: "在右侧展示站点访问统计信息,需要提供51la挂件代码"
  options:
	- value: true
	  label: 开启
	- value: false
	  label: 关闭
statistics_code:
  name: statistics_code
  label: 统计挂件代码
  type: textarea
  placeholder: "请输入站点统计挂件代码(仅在展示站点统计启用时生效)"

完成上述步骤,后台配置功能已经完成。

在aside.ftl文件中的想展示在哪个标签之后的位置添加如下代码:

<#if settings.enable_statistics && settings.statistics_code??>
  <section class="joe_aside__item newest">
	<div class="joe_aside__item-title">
	  <i class="joe-font joe-icon-preview"></i>
	  <span class="text">站点统计</span>
	</div>
	<div class="joe_aside__item-contain" style="padding: 0px">
	  ${settings.statistics_code!}
	</div>
  </section>
</#if>

我是添加到了公告栏之后,可以按照自己的喜好添加即可实现上面的效果。

3
广告 广告

评论区