网站更新日志(2023/07/20~2024/04/19)

[2024-04-19]-Hexo博客优化

请求优化

减少自定义CSS、JS的引入次数,将多个文件的内容融合到一起,以减少请求次数

日志目录优化

日志越来越多,导致一个文件会有很多行,现使用拆分然后引入的方式

[2024-04-17]-Hexo博客优化

更新CDN

为了解决网站加载速度慢的问题,将第三方样式从自定义的七牛云CDNcustom改为本地加载local

博客根目录下使用npm install hexo-butterfly-extjs --save安装依赖的CSS和JS

修改_config.butterfly.yml

1
2
CDN:
third_party_provider: local
[2024-04-16]-Hexo博客优化

更新主题

参考Hexo版本升级指南

以下指令均在Hexo目录下操作,先定位到Hexo目录

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# 查看当前版本,判断是否需要升级
hexo version
# 全局升级hexo-cli
npm i hexo-cli -g
# 再次查看版本,看hexo-cli是否升级成功
hexo version
# 安装npm-check,若已安装可以跳过
npm install -g npm-check
# 检查系统插件是否需要升级
npm-check
# 安装npm-upgrade,若已安装可以跳过
npm install -g npm-upgrade
# 更新package.json
npm-upgrade
# 更新全局插件
npm update -g
# 更新系统插件
npm update --save
# 再次查看版本,判断是否升级成功
hexo version

最终版本信息如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
INFO  Validating config
INFO
===================================================================
##### # # ##### ##### ###### ##### ###### # # #
# # # # # # # # # # # # #
##### # # # # ##### # # ##### # #
# # # # # # # ##### # # #
# # # # # # # # # # # #
##### #### # # ###### # # # ###### #
4.13.0
===================================================================
hexo: 7.1.1
hexo-cli: 4.3.1
os: win32 10.0.22631
node: 20.11.0
acorn: 8.11.2
ada: 2.7.4
ares: 1.20.1
base64: 0.5.1
brotli: 1.0.9
cjs_module_lexer: 1.2.2
cldr: 43.1
icu: 73.2
llhttp: 8.1.1
modules: 115
napi: 9
nghttp2: 1.58.0
nghttp3: 0.7.0
ngtcp2: 0.8.1
openssl: 3.0.12+quic
simdutf: 4.0.4
tz: 2023c
undici: 5.27.2
unicode: 15.0
uv: 1.46.0
uvwasi: 0.0.19
v8: 11.3.244.8-node.17
zlib: 1.2.13.1-motley-5daffc7

更新插件

参考Hexo 和Next主题升级

执行npm outdated

1
2
3
4
5
6
Package               Current   Wanted   Latest  Location                           Depended by
hexo 6.3.0 6.3.0 7.1.1 node_modules/hexo hexo-gitee-blog-management
hexo-deployer-git 3.0.0 3.0.0 4.0.0 node_modules/hexo-deployer-git hexo-gitee-blog-management
hexo-renderer-marked 6.0.0 6.3.0 6.3.0 node_modules/hexo-renderer-marked hexo-gitee-blog-management
hexo-theme-landscape 0.0.3 0.0.3 1.0.0 node_modules/hexo-theme-landscape hexo-gitee-blog-management
yarn 1.22.19 1.22.22 1.22.22 node_modules/yarn hexo-gitee-blog-management

执行npm update更新所有过时的版本

更新友链

更新友情链接部分头像地址,新加入可爱的室友Moe_Nya

更新图标

感觉找到网站主页加载慢的原因了,就是图标用的是FontAwesome的CDN。

现全部更改为阿里云的iconfont

开启chatra

昨天感觉对网站的加载速度影响很大,所以关了,今天感觉好像不是它的问题。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
chat_btn: true
chat_hide_show: true
chatra:
enable: true


**修改侧边栏**

修改个人爱好图标,修改`source/_data/widget.yml`

**跳过某些渲染**

可能是因为标签外挂的原因,导致我自定义的JS解析后代码不全,在`_config.yml`中跳过这些JS文件的渲染
```yaml
# 跳过渲染
skip_render:
- 'static/**'

下载部分CDN内容到本地

最近发现博客加载速度很慢,一直排查,发现可能是CDN导致的。

尤其是首页菜单的图标,因为butterfly的Font Awesome是CDN引入的,加载速度很玄学。

现将能改的图标都改成了阿里云的iconfont,并下载其CSS到本地。

由于以上问题,延申到将大部分CDN引入的CSS和JS都转为本地加载了。

然后本地加载也有踩坑,因为所有的文件都会被Hexo编译一下,有时候就会导致一些文件被编译后跟原来的内容不一致,需要到_config.yml配置文件,配置下skip_render:

下载TianliGPT文字摘要生成工具到本地

下载首页轮播图CSS与JS到本地

下载留言页的信封图片到本地

[2024-04-15]-Hexo博客优化

修改小康博客CSS

优化小康博客CSS,将鼠标样式下载到网站引入

更换AI摘要项目

tianliGPT由Post-Abstract-AI更换到Post-Summary-AI

尝试将CDN的JS下载到本地加载,但是会导致文章页没有AI摘要,不知道为什么,估计是CDN加速的静态文件跟放在网站的静态文件会有些不一样,后面再了解。

关闭chatra

感觉对网站的加载速度影响很大,暂时关闭在线聊天功能

1
2
3
4
chat_btn: false
chat_hide_show: false
chatra:
enable: false

swiper轮播图插件

由于该插件在_config.yml的配置有4个CDN加速的静态文件需要加载,过于影响网站加载速度,暂时关闭。

[2024-04-15]-Hexo博客修复

修复文章页H2-H5图标的丢失

删除小康博客样式CDN的引入(有修改图标的css,导致冲突)

新增/static/css/xiaokang_blog.css,基于小康博客min.css修改,删除冲突内容。

[2024-04-12]-Hexo博客优化

随机友联,在友链页头部增加random: true

更新菜单图标与社交图标

[2024-04-12]-服务器更新

删除开源记账软件Firefly III

删除Docker容器,删除数据库

1Panel申请证书

1Panel CloudFlare证书申请失败的解决方案
cloudflare

[2024-04-11]-Hexo博客美化

修改首页社交图表颜色

修改网站目录/source/static/css/iconfont.css

关闭某些页面的侧边栏

在源码信息头中加入aside: false即可关闭

更新留言页

在站点根目录执行

1
npm install hexo-butterfly-envelope --save

安装完成之后打开站点的配置文件_config.yml或主题的配置文件_config.butterfly.yml,添加如下配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# 信笺式浏览页
# https://github.com/Akilarlxh/hexo-butterfly-envelope
# envelope_comment
# see https://akilar.top/posts/e2d3c450/
envelope_comment:
enable: true #控制开关
custom_pic:
cover: https://npm.elemecdn.com/hexo-butterfly-envelope/lib/violet.jpg #信笺头部图片
line: https://npm.elemecdn.com/hexo-butterfly-envelope/lib/line.png #信笺底部图片
beforeimg: https://npm.elemecdn.com/hexo-butterfly-envelope/lib/before.png # 信封前半部分
afterimg: https://npm.elemecdn.com/hexo-butterfly-envelope/lib/after.png # 信封后半部分
message: #信笺正文,多行文本,写法如下
- 有什么想问的?
- 有什么想说的?
- 有什么想吐槽的?
- 哪怕是有什么想吃的,都可以告诉我哦~
bottom: 自动书记人偶竭诚为您服务! #仅支持单行文本
height: #1050px,信封划出的高度
path: /contact/comments/ #【可选】comments 的路径名称。默认为 comments,生成的页面为 comments/index.html
front_matter: #【可选】comments页面的 front_matter 配置
title: 留言板
aside: false
comments: true
[2024-04-07]-Hexo博客美化

页脚增加标签

使用shields生成标签。

编辑_config.butterfly.yml文件,关闭主题默认的版权信息,并加入标签信息:

1
2
3
footer:
custom_text: <p><a style="margin-inline:5px"target="_blank" href="https://hexo.io/"><img src="https://img.shields.io/badge/Frame-Hexo-blue?style=flat&logo=hexo" title="博客框架为 Hexo" alt="HEXO"></a><a style="margin-inline:5px"target="_blank" href="https://butterfly.js.org/"><img src="https://img.shields.io/badge/Theme-Butterfly-6513df?style=flat&logo=bitdefender" title="主题采用 Butterfly" alt="Butterfly"></a></a></p>
copyright: false # Copyright of theme and framework
[2024-04-03]-Hexo博客美化

引入小康博客样式

参考Hexo 博客之 butterfly 主题优雅魔改系列

关闭背景跟随鼠标的线条

修改_config.butterfly.yml

1
2
canvas_nest:
enable: false

修改背景颜色为渐变色

参考Hexo搭建butterfly博客—(四)渐变背景

增加/source/static/css/bg_color.css文件,写入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
[data-theme="light"] 
body {
background: linear-gradient(-45deg, #fbede8, #b4cef7, #b7f9b8, #f6ced8);
background-size: 400% 400%;

height: 100vh;
background-attachment:fixed;
}


[data-theme="dark"]
body {
background: linear-gradient(-45deg, #6f1b01, #113878, #016801, #540818);
background-size: 400% 400%;

height: 100vh;
background-attachment:fixed;
}

编辑_config.butterfly.yml,引入css文件

1
2
3
4
inject:
head:
#渐变背景
- <link rel="stylesheet" href="/css/bg_color.css">
[2024-03-31]-Hexo博客优化

搜索功能转为Algolia

本地搜索转为Algolia搜索
Hexo + Butterfly 搜索功能
更新索引需要执行hexo algolia
相关网站:Algolia

取消各种图片的显示

_config.butterfly.yml中设置如下内容

1
2
3
4
# 取消首页图片
index_img: false
# 取消顶部图片
disable_top_img: true

修改侧边栏内容

取消最新文章侧边栏,最新评论由6个限制为3个

压缩生成的静态文件

使用hexo-neat第三方包压缩网站文件,加快访问速度。
参考博文:使用Hexo-neat插件对网页进行压缩

[2024-03-28]-Hexo博客美化

修改URL生成方式

Hexo 博客生成永久链接
然后修改leancloud数据库中的评论地址

增加首页推荐轮播图

参考首页置顶轮播图
使用时在文章的front_matter中添加swiper_index配置项即可。swiper_index: 1 #置顶轮播图顺序,非负整数,数字越大越靠前`

增加AI摘要

参考如何让博客支持AI摘要,使用TianliGPT自动生成文章的AI摘要
相关网站:爱发电-产品购买TianliGPT后台管理系统

[2024-03-28]-Hexo博客增加在线聊天功能

增加在线聊天功能

使用Chatra提供在线聊天功能。
Butterfly官方教程

[2024-03-25]-新增记账网站
[2024-03-23]-服务器大更新

更新服务器

废弃宝塔面板,转入免费开源的1Panel面板搞了一天都还没搞完,真的很辛苦!!!

本次更新为重装系统,将会慢慢恢复各种功能,本次更新后将会放弃Gitee项目的展示部署

1Panel初次体验感受:

  1. 界面更为现代化
  2. 响应速度更快
  3. 应用管理更加透明
  4. 使用OpenResty配置反向代理和SSL证书更加方便
  5. 文件系统没有备注功能

以下列出服务器需要恢复的功能及恢复情况

  • Hexo个人博客 + SSL证书
  • Waline评论服务端 + SSL证书
  • 求生之路仿CS特性服务器
  • Frp内网穿透
  • EasyN2N/小黄鸭
  • Halo个人博客
  • 蚂蚁笔记

增加fail2ban

安装fail2ban
Fail2ban 是一个用于防御暴力攻击的开源工具。
它通过监控系统日志文件,检测恶意行为并自动采取措施来保护 Linux 服务器免受攻击。
Fail2ban 可以分析登录失败的日志记录,并根据预定义的规则和策略来禁止攻击者的 IP 地址。

[2024-03-10]-Hexo博客主题更新

更新主题

Butterfly主题4.12.0更新到4.13.0
使用npm i hexo-theme-butterfly即可将主题更新到最新版本。
更新内容见官网Butterfly 4.13 更新日志

更新Waline服务端

将Waline评论服务端更新到v3.1.3,更新方法见Frequently Asked Questions(常见问题解答),Docker版服务端宝塔更新方式如下:

拉取最新镜像

image-20240310144322494

升级容器

image-20240310144552113

重新访问评论预览页面评论管理页面查看是否更新成功

[2024-02-25]-Hexo博客取消视频自动播放

取消bilibili内嵌视频自动播放

打开有视频的网页,每个视频都在放,看着很杂乱,就想着关掉自动播放。
只需要在视频链接的后面加上&autoplay=0参数即可,例:

1
2
3
4
5
6
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?aid=1450759246&bvid=BV1sv421k7uA&cid=1446082017&p=1&autoplay=0"
scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"
style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;">
</iframe>
</div>
[2024-02-21]-Hexo博客首次引入视频

引入bilibili内嵌视频

以后就把B站当作视频存储桶了,今天第一次在博客引入视频内容。
CS2欢乐时刻
但是直接使用bilibili提供的内嵌代码,视频框会特别小,需要做一些修改。
首先需要在外层嵌套一个带position: relative; width: 100%; height: 0; padding-bottom: 75%;样式的div,并为iframe加上样式position: absolute; width: 100%; height: 100%; left: 0; top: 0;,案例如下:

1
2
3
4
5
6
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?aid=1450759246&bvid=BV1sv421k7uA&cid=1446082017&p=1"
scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"
style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;">
</iframe>
</div>

参考文章:Hexo 插入 Bilibili 视频自适应

[2024-02-20]-增加文章加密插件

增加文章加密插件

最近想写日记了,为了以后能有所回忆,但是又不想让别人看见,在网上找到了hexo-blog-encrypt这个加密插件。
hexo-blog-encrypt配置文章

更改置顶文章

将求生之路服务器与我的世界老九门服务器相关文章指定,方便查看
只需要在文章信息头中添加sticky: <number>即可,例:sticky: 200,数字越大文章越靠前,sticky:留空则不进行排序。

[2024-02-19]-Hexo博客更新邮件提醒

修复搜索框样式错误

是由于CDN配置的问题,更新主题后,新的主题配置文件默认CDN的version配置参数为true,但博主使用旧配置参数为false,导致无法加载搜索框样式。参考Butterfly4.12更新Butterfly-CDN

增加评论邮件提醒

为了能及时回复消息,增加了邮件提醒功能,功能扩展步骤参考Docker部署下配置Waline的QQ邮箱提醒

为了让伙伴们能够及时收到回复消息,记得在评论的时候填写邮箱地址哦~

[2024-01-31]-求生之路插件更新

增加移速插件

持武器不同移速
感谢室友Starisora推荐的插件

[2024-01-27]-转移评论存储地区

转移Waline评论存储地区

LeanCloud华东地区转到华北地区。
还好最近在管理博客,偶然间发现了LeanCloud的华东地区要被关闭了!!!
原文在这儿,说是2024年1月31日就要停止华东节点的服务,正好我就是华东的,可恶!
还有更离谱的是下午16:00过后不能导出!!!提示You can't export data after 16:00.,昨天发现的只能今天转移。

更新博客鼠标点击效果

更新主题版本到4.12.0之后,点击产生文字的效果就没了。
现换为点击产生烟花的效果。
之前的背景效果也没了,现也重新加上(跟随鼠标的线条)。

优化图库显示逻辑

从按日期升序排列更改为按日期降序排列
图库封面由高清晰度图片转为低清晰度图片。
图库由一次加载所有图片转为只加载10张图片,点击加载更多再次加载。

[2024-01-26]-Hexo博客更新

更新Hexo

升级Node版本为20.11.0
升级Hexo版本为7.0.0

更新Butterfly主题

从以前的git clone方式更改为npm install方式。
版本从3.9.0升级到4.12.0
首页侧边栏增加最新评论模块(QQ提醒的平替功能)。
升级之后因为配置文件的问题,generate的时候一直报错,奋战到凌晨2点才解决。
结果只是一个需要数组参数的变量我就只给了一个值,没有加-,烦死了(|^|)!

[2024-01-24]-更换Waline服务端

取消评论的QQ提醒功能

因为QMsg酱维护起来太麻烦了,以后就不折腾了。
评论没有QQ提醒了,留言就看不到啦,有问题可以用博客主页的联系方式联系博主哦~
因为评论服务端使用本机部署了,现在评论加载很快哦。

卸载QMsg酱私有云

不用QMsg了,这个也用不上了,没必要开着占服务器资源。

[2024-01-23]-我的世界混合服

搭建MohistMC混合服

最近朋友又游戏荒了,在推荐游戏的时候有人推荐了我的世界,正好之前有过搭MC服务器的经验。
但是朋友需要Mod和插件,博主只搭建过纯净服,又是扣了一下午的头才弄好。
并且记录了搭建步骤,可以参考搭建我的世界混合服务器
目前装了插件:白名单、传送、皮肤;模组:机械动力,盗版可进。

[2024-01-19]-求生之路2多人

引入豆瓣酱插件平台

之前是为了求生之路2服务器简洁好维护,就没装平台。
最近要玩儿的朋友多了,又加上单独的多人插件不好装(装了我一下午,还是失败了,而且不好测试【没朋友】)。
就想着装个插件平台得了,然后一用平台就能多人了,豆瓣酱牛掰。
特别感谢室友Starisora的技术支持和服务器借用。

[2023-10-11]-Waline服务端本机部署

Docker部署Waline服务端

最近在访问自己博客的时候发现评论有时候访问不了,所以想将服务端部署在自己的服务器上。
但是部署是部署上了,但是目前还不知道如何才能使用Waline的钩子函数。
所以博客还是使用的vercel部署的服务端,但是自己自己部署的服务端还是存在的。
vercel部署的服务端本机部署的服务端
等知道本机部署如何使用Waline钩子函数的时候再换到本机部署的服务端。

博文上QMsg星标啦

昨天凌晨1点收到网站评论的QQ提醒,非常开心~
Qmsg官网

[2023-09-28]-Hexo博客QMsg私有云部署

重新部署QMsg私有云

最近QMsg私有云内测令牌过期了,今天才想起来。
但是很久没碰博客了,又加上QMsg作者更新,然后重新授权花了一小点儿时间。
好在官方文档详细,并且自己有部署记录,还是顺利解决了,又可以休息一个月啦。

[2023-08-18]-Hexo博客QMsg私有云部署

搭建QMsg私有云部署

网站QQ评论提醒一直用的是Qmsg酱的服务。
近两天QMsg出了新的功能,就是能够搭建自己的消息发送接口,并且用的还是Docker部署,非常的人性化。
虽然官方的接口很稳定,但是既然能很方便地搭建属于自己的接口,为什么不呢?
还能减轻以下官方接口的压力。
目前私有化部署的后台消息记录的时间有点儿问题,官方还在解决中,等待后续更新……

[2023-08-08]-Hexo博客新增助记页面

添加备忘页面

平时有些文本需要经常使用,为了方便粘贴,在扩展模块增加了备忘页面。

[2023-07-21]-Hexo博客评论QQ提醒更新

修复QQ提醒失效

最近两天突然发现评论的QQ提醒功能失效了,不知道是什么原因。
昨天在服务器搭建好了QMsg的消息提醒机器人,如果有空会写创建机器人的步骤(其实官方文档也很详细)。
昨天没成功还以为是自己搭建的机器人出问题了,今天又折腾了一下午才解决。
今天将解决的过程记录了下来,文档在这儿 > Waline配置QQ提醒

[2023-07-20]-Hexo博客更新

网站目录更新

由于网站模块越来越多,导致网站菜单杂乱,就重新对菜单进行了分类。
并根据菜单分类调整了网站的目录结构,方便后期的维护。
网站目录结构的变更,可能会导致部分页面的评论丢失或者混乱,如出现上述情况,优先将评论更改到正确的URL,如失败则会删除评论。
根据网站目录结构的变更,更新图床中图片的路径。

新增日志页面

为记录网站的成长过程,新增了本页面,为方便后期的维护。
此前有一些简陋的日志记录,可以查看建站感言文章,日志记录在文章的末尾。

新增页面滚动进度

跟随Butterfly主题的更新,开启了页面滚动进度显示的功能

重新部署Waline评论系统

由于之前部署Waline评论系统的时候迷迷糊糊的,导致命名不规范。
改名又麻烦,现重新部署,并保留了之前的数据。