[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]-新增记账网站

增加记账网站

参考博文如何利用 Docker & Nginx 在 VPS 上部署 Firefly III 记账软件。

[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评论系统的时候迷迷糊糊的，导致命名不规范。
改名又麻烦，现重新部署，并保留了之前的数据。