个人博客Butterfly主题升级方法
正在加载···
AI摘要
HunYuan-Lite
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 xgclevo的博客！
相关推荐
2025-05-20
博客迁移记录
前言之前我的博客是部署到 Cloudflare 上的，网页加载速度很慢，在线 ping 响应时间普遍在 200 - 300ms 之间，尤其是每到晚间经常加载不出页面，因此决定将博客从 Cloudflare 迁移至 Vercel。迁移后每次部署仅需几秒明显快于CF，最重要的是访问速度有明显提升， 在线 ping 响应时间普遍在 70ms 左右，vercel 后台显示绝大部分访问请求都被分配到了新加坡的CDN节点。要说 Vercel 有哪些不如 CF 地方，主要就是免费版每个月有 100 G 的流量限制，而 CF 没有流量限制，不过 100G/月 对于个人博客足够了。 出现问题我的博客使用的 Butterfly 主题，在迁移过程中，遇到了一个问题，就是访问图库的子页面（准确的说是所有使用 gallery-group 标签外挂的子页面）时会跳转到 404 页面，但是访问本地 local:4000 就没有问题。最后发现在访问的 url 后面加上 .html 后缀就能正常访问了。 解决方法在 hexo 根目录 source 文件中 新建一个 vercel.json 文件，内...
2025-04-30
hexo博客+butterfly主题之增加动态背景效果
推荐效果 樱花飘落： 1https://npm.elemecdn.com/tzy-blog/lib/js/other/sakura.js 上升气泡： 1https://cdn.jsdelivr.net/combine/npm/jquery@latest/dist/jquery.min.js,gh/weilining/jsdelivr/jquery/circlemagic/circlemagic.min.js,gh/weilining/jsdelivr@latest/jquery/circlemagic/butterflycirclemagic.js 全部页面显示动态背景效果 仅需修改主题配置文件 _config.yml，将 xxx 替换为推荐效果链接或者你喜欢的效果链接 12345678# Inject# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)inject: head: ...
2025-04-30
hexo博客+butterfly主题之页脚美化
效果预览 配置动态版权图标和运行时间 在主题文件夹的 \source\js 目录下添加 xxx.js 文件，内容如下： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465//版权图标动态显示document.addEventListener('DOMContentLoaded', function() { const currentYear = new Date().getFullYear(); const copyrightElement = document.querySelector('.copyright'); if (copyrightElement) { copyrightElement.innerHTML = `©网站起始时间 - ${currentYear} &...
2025-09-08
使用微博免费搭建个人图床
登录网页版 微博 后，点击进入 微相册 点击 我的相册->我的专辑 创建新专辑，上传照片（注：微博不支持 .png 格式照片，上传的 .png 格式照片会自动转为 .jpg 格式） 为了方便批量上传和管理微相册照片，推荐安装 微博图床 插件，该插件是上传图片到微相册并生成外链的 Chrome 浏览器扩展，功能简介如下： 支持点选、拖拽、粘贴以及页面右键菜单上传图片到微博并同步到微相册 支持拖拽上传文件夹中的图片文件 支持 JPEG、PNG、GIF 三种图片格式 支持 SVG、BMP、WebP、ico 有损转换为 PNG 支持把 HTML5 视频的当前帧上传为 JPG 图像 支持查看上传记录，简单的浏览及删除操作 支持生成 URL、HTML、UBB、Markdown 四种格式 支持单条、多条模式的复制操作 支持选择协议（http、https 和相对协议） 支持三种固定裁剪尺寸和用户自定义尺寸 支持使用微博账号和密码自动登录 支持微博图片水印功能 支持自定义生成的图片链接 由于微博开启了“图片防盗链”，因此直接访问图床图片会显示“403 Forbidden”，但是可以...
2025-05-06
解决使用Cloudflare后Waline评论无法显示真实IP的问题
当 Hexo 博客使用 Cloudflare 进行CDN加速时，Waline 评论区的用户IP会显示CF加速的地址而不显示真实的IP地址 本教程适用于使用 Vercel 部署 Waline 的情况 从你自己的 github 仓库中将 Waline 的源码仓库clone下来 在clone下来的仓库中的 index.cjs 文件的最后添加 1think.app.proxyIpHeader = 'CF-Connecting-IP'; 添加后文件内容如下： 12345678910const Application = require('@waline/vercel');module.exports = Application({ plugins: [], async postSave(comment) { // do what ever you want after comment saved },});think.app.proxyIpHeader = 'CF-C...
2024-10-13
hexo博客之在文章中插入B站视频
在markdown中添加以下代码：1234{% raw %}<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"><iframe src="链接&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>{% endraw %} 想要插入的视频左下角：点击复制链接 -> 嵌入代码 将”链接“替换为上一步获取的代码中...
评论