网站更新日志(2023/07/20~2024/04/19)
网站更新日志(2023/07/20~2024/04/19)
InsectMk[2024-04-19]-Hexo博客优化
请求优化
减少自定义CSS、JS的引入次数,将多个文件的内容融合到一起,以减少请求次数
日志目录优化
日志越来越多,导致一个文件会有很多行,现使用拆分然后引入的方式
[2024-04-17]-Hexo博客优化
更新CDN
为了解决网站加载速度慢的问题,将第三方样式从自定义的七牛云CDN
custom
改为本地加载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目录
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
更新插件
执行
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]-服务器更新
[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博客美化
引入小康博客样式
关闭背景跟随鼠标的线条
修改
_config.butterfly.yml
1
2 canvas_nest:
enable: false
修改背景颜色为渐变色
增加
/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
中添加s
wiper_index配置项即可。
swiper_index: 1 #置顶轮播图顺序,非负整数,数字越大越靠前`
增加AI摘要
参考如何让博客支持AI摘要,使用TianliGPT自动生成文章的AI摘要
相关网站:爱发电-产品购买,TianliGPT后台管理系统。
[2024-03-28]-Hexo博客增加在线聊天功能
增加在线聊天功能
使用Chatra提供在线聊天功能。
Butterfly官方教程
[2024-03-25]-新增记账网站
[2024-03-23]-服务器大更新
更新服务器
废弃宝塔面板,转入免费开源的1Panel面板,搞了一天都还没搞完,真的很辛苦!!!。
本次更新为重装系统,将会慢慢恢复各种功能,本次更新后将会放弃Gitee项目的展示部署。
1Panel初次体验感受:
- 界面更为现代化
- 响应速度更快
- 应用管理更加透明
- 使用
OpenResty
配置反向代理和SSL证书更加方便- 文件系统没有备注功能
以下列出服务器需要恢复的功能及恢复情况
- 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版服务端宝塔更新方式如下:拉取最新镜像
升级容器
[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>
[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-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评论系统的时候迷迷糊糊的,导致命名不规范。
改名又麻烦,现重新部署,并保留了之前的数据。