butterfly魔改教程（二）
魔改有风险，魔改需谨慎，一定要备份呀！！！ 页面样式调节 点击查看教程 源文链接：博客魔改教程总结(二)这个教程是通过css样式调节各个页面透明度、模糊度（亚克力效果）、圆角、边框样式等，看起来会更加舒适。复制以下代码进去自定义的custom.css文件12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970:root { --trans-light: rgba(255, 255, 255, 0.88); --trans-dark: rgba(25, 25, 25, 0.88); --border-style: 1px solid rgb(169, 169, 169); --backdrop-filter: blur(5px) saturate(150%);}/* 首页文章卡片...
网站性能优化的一些小技巧
优化小技巧实操1. 图片压缩原文链接：网站性能优化的一些小技巧 1.1 图片多级压缩目前从网上下载的图片主流格式是JPG或者PNG，当分辨率比较高的时候体积往往比较大，因此要想提高网站的速度就有必要将图片体积压缩，这里参考店长的推荐，无损压缩推荐Tinypng，有损压缩推荐imagine。 TinyPNG Imagine 特点 无损压缩 有损压缩，以牺牲图像质量， 降低图像色彩来达到缩减图像大小的目的。 优点 能够完全保留图像色彩，不损伤图像质量 1. 压缩程度高，支持转png为jpg或webp，进一步减少图片大小 2....
外挂标签相关用法
外挂标签-时间轴详细教程见：Markdowwn语法与外挂标签写法汇总 标签语法配置参数示例源码12345678{% timeline 时间线标题（可选）[,color] %}<!-- timeline 时间节点（标题） -->正文内容<!-- endtimeline --><!-- timeline 时间节点（标题） -->正文内容<!-- endtimeline -->{% endtimeline %} title:标题/时间线 color:timeline颜色:default(留空) / blue / pink / red / purple / orange / green 1.Demo 1 - 预设选择第一个【默认】 123456789101112131415161718192021222324252627{% timeline 时间轴样式,blue %}<!-- timeline...
butterfly魔改教程（一）
魔改有风险，魔改需谨慎，一定要备份呀！！！ 说说页面的创建 点击查看教程 前往你的Hexo的根目录输入 hexo new page shuoshuo你会找到 source/shuoshuo/index.md 这个文件修改这个文件：12345---title: 説説date: 2018-06-07 22:17:49type: 'shuoshuo'---你可以隐藏一些説説，可配置的参数：123limit: type: date value: 2024-06-20参数解释limit【可选】配置説説显示数量limit.type【可选】配置説説显示数量的类型 （date 或者 num）limit.value【可选】配置説説显示数量的值 （当 type 配置为 date 时， value 的值必须为日期。当 type 配置为 num 时， value 的值必须为数字，且大于 0为说说页面加入密码在GitBash 输入以下npm install --save...
Git问题：解决“ssh:connect to host github.com port 22: Connection timed out”
使用git上传代码时，原本应该在几秒钟上传成功，但是却异常的慢，，这时突然出现一个错误弹窗（忘记截图了）： 提示： “ssh:connect to host github.com port 22: Connection timed out” 再多尝试几次，依然是这样。 后来又尝试直接再文件夹里用git命令行提交： 可惜结果依然是失败。。。 又尝试重启电脑，结果毫无乱用。 最后通过查阅各种资料，得知原因可能是由于电脑的防火墙或者其他网络原因导致ssh连接方式 端口22被封锁。 解决方法一：参考此篇文章 解决方法二： 进入~/.ssh下 创建一个config文件 编辑文件内容： 12345678910111213Host github.comUser gitHostname ssh.github.comPreferredAuthentications publickeyIdentityFile ~/.ssh/id_rsaPort 443Host gitlab.comHostname altssh.gitlab.comUser gitPort...
Hexo 博客文章统计图
此文章参考Eurkon大神的文章Hexo 博客文章统计图，教程基本没有改，完全搬过来，只需要修改个别时间 1. 前言本文教程主要针对 Hexo 博客，对博客的文章发布时间、文章分类、文章标签的维度绘制统计图，使用的是 ECharts 开源可视化库。具体效果可以点击本站的 表格页面查看。 2. 新建 charts方式①：使用命令创建 1hexo new page charts 方式②：手动创建 在 [Blogroot]\source\ 目录下新建 charts 文件夹，并在新建的 charts 文件夹下新建 index.md 文件，添加以下内容： 12345---title: 文章统计date: 2025-01-19 22:00:00type: "charts"--- 3. 引入 ECharts.js echarts.js 必须在渲染 echarts 实例的 JavaScript 前引入。 方式①：全局引入 以 butterfly 主题为例，可以在 [Blogroot]\_config.butterfly.yml 的 inject 配置项中引入...