hexo中butterfly主题busuanzi计数手动初始化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了hexo中butterfly主题busuanzi计数手动初始化相关的知识,希望对你有一定的参考价值。

参考技术A 博客还是使用hexo进行搭建, 这次没有继续使用next的主题, 而是用来butterfly, 在进行busuanzi网站访客数量的统计的时候又发现了之前的问题, busuanzi没有初始化的功能(好像好几年了已经), 之前使用next的时候是使用的swig进行配置, 不过找到了相关的文章进行了修改, 一直使用到了现在, 所以同样的问题又出现了

:+1: 不想看解决的过程, 直接看解决方法

首先是在butterfly的github的进行了 沟通 , 虽然没有具体的解决思路, 不过也得到了思路

其实这个问题并不困难, 思路也比较简单, 获取到当前的计数, 加上初始化的数量可以

<div id="answer"></div>

先修改_config.yml下的busuanzi配置

再修改\theme\butterfly\layout\widget下card_webinfo.pug文件

简单来说, 每隔一段时间检查下是否获取到busuanzi的信息, 如果获取到了, 则更新新设定好的数量再进行显示

Hexo集成Valine实现评论留言

2年前搭建的hexo博客好久没有维护了,一看 hexo 以及先前使用 butterfly 主题已经更新好几个版本了,看介绍在速度性能上有了很大的提高,于是打算给 hexo 升个级,整理整理翻翻新。通过阅读 butterfly 的官方文档,发现 butterfly 内置功能越来越丰富并且支持了更多的三方功能,本文就带大家通过Valine实现 hexo 站内的评论留言~

1. 什么是 Valine

Valine 诞生于2017年8月7日,是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。理论上支持但不限于静态博客,目前已有HexoJekyllTypechoHugoGhostDocsify 等博客和文档程序在使用Valine。

  • Github:https://github.com/xCss/Valine
  • 官网:https://valine.js.org/

特点

2. 接入 Hexo

1. 获取APP ID 和 APP Key

请先登录注册 LeanCloud, 进入控制台后点击左下角创建应用

创建完成后可以看到我们刚创建的应用

我们点击进入,查看左侧边栏的设置中的应用凭证部分,就能看到你的APP IDAPP Key

2. 修改主题配置文件

修改主题目录下的_config.yml,添加如下配置代码:

valine:
  appId: # leancloud application app id
  appKey: # leancloud application app key
  avatar: monsterid # gravatar style https://valine.js.org/#/avatar
  serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
  bg: # valine background
  visitor: false
  option:

更多自定义配置项可以查看:配置项 | Valine 一款快速、简洁且高效的无后端评论系统。

3. 测试

编辑完成后,在本地hexo站点根目录执行hexo clean && hexo s重启博客后,浏览器访问任意文章进行留言测试

评论的数据存在leancloud应用中:

4. 注意事项

在 Hexo 中,评论功能默认在所有页面都开启,如果部分页面我们不需要评论功能,例如分类、标记页面。我们可以在在站点根目录下/source/页面名称/index.md中通过comments属性设置truefalse控制该页面或者是文章的评论功能是否打开,如下配置:

---
title: 标签页
date: 2022-02-01 14:23:54
type: "tags"
comments: false
---
---
title: 分类页
date: 2022-02-01 14:29:13
type: "categories"
comments: false
---

以上是关于hexo中butterfly主题busuanzi计数手动初始化的主要内容,如果未能解决你的问题,请参考以下文章

hexo框架butterfly主题配置

hexo butterfly主题 添加全局吸底APlayer

Hexo+Butterfly+Github+Coding搭建个人博客

零基础使用hexo搭建butterfly主题的博客

搭建自己的技术博客系列hexo博客接入busuanzi插件,展示访问量和网站运行时间

hexo butterfly文章设置密码