Hexo博客添加新年灯笼特效前言快要过年啦!我在网上欣赏别人的博客时,偶然间看到了一个博客挂着4个灯笼,我一看,这多好看啊!于是很快啊,我就弄好了这个效果,于是写一下记录一下。 效果预览 实现步骤1. 主题配置文件添加开关在 _config.butterfly.yml 中添加: 1234# 新年灯笼配置denglong: enable: true # true开启 false关闭 text: "平安如意" # 四个字,可自定义 2. 创建CSS文件新建 source/css/denglong.css: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 ...
技术教程
未读一直觉得默认的纯白背景有点闷,想让背景图透出来看看。但又怕整太花哨影响看文章,就想了个折中的办法——让文章区域透明起来。 效果还行,分享下怎么搞的。 操作步骤第一步:写个透明化的小样式 在 themes\butterfly\source\css 目录下新建个文件,我直接取名 1.css 了(名字随意),把下面这些扔进去: 12345678910111213141516171819202122232425262728293031323334/* === 让背景透出来,但又不影响阅读 === *//* 文章区域透明 */#article-container,#post,#page { background: transparent !important; box-shadow: none !important;}/* 首页文章卡片也透一下 */#recent-posts > .recent-post-item { background: transparent !important; border: 1px solid rgba( ...
技术教程
未读给博客整上了说说的友链功能一直想在博客弄个「说说」板块,随便发点碎碎念,不用像写文章那么正式。顺便把友链功能也收拾了一下,方便和朋友们互相串门。 折腾了两天,总算把 Qexo 这两功能整明白了。记录一下,免得自己忘了,也给需要的人参考。 先说准备工作得先有个 Qexo 后端,这个我早就部署好了。如果你还没有,先去搞一个,具体咋部署官方文档写得很清楚,我就不啰嗦了。 说说功能咋整的效果长这样 说说 | min的小窝 1. 先在 Qexo 后台加几条说说 进 Qexo 管理面板,找到「说说」模块,随便写几条测试内容,记得点发布。我就先写了几条日常,试试效果。 2. 前端代码抄过去 把下面这段扔到你的说说页面,参数照着改就行: 123456789101112131415161718192021222324<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" ...
折腾了几个小时,终于把 Cloudflare 图床的 KV 读取次数降下来了先说说为啥要搞这个前段时间用 Cloudflare Pages + Workers + KV 搭了个图床(就是 GitHub 上那个 Cloudflare-ImgBed),一开始挺美滋滋的,免费嘛。 结果用了一个多月,突然收到 Cloudflare 的邮件,说我 KV 读取快超限了。我一看后台,好家伙,一天干了 9 万多次读取,离 10 万次的免费额度就差一口气。 这哪行啊,虽然超了也花不了几个钱,但本着「能白嫖绝不付费」的原则,得想办法优化一下。 问题出在哪仔细看了下流程,每次有人访问图片: 1用户请求 → Worker 验证 → 读 KV → 从 Telegram 拉图 → 返回 关键是每次访问都走完整流程。同一张图被看 10 次,KV 就得读 10 次,Telegram 也得拉 10 次。太浪费了。 明明图片这种东西,第一次拉下来之后完全可以缓存起来啊。 我的解决方案思路其实很简单:加缓存。 12用户 → Cloudflare CDN 缓存 → Worker 内存缓存 → KV/源站 (最快 ...
Cloudflare部署CloudFlare ImgBed实现无限空间网盘及图床 :📂: 第一步:Fork 项目 访问 CloudFlare ImgBed 项目 点击右上角的 “Fork” 按钮 选择您的 GitHub 账户 确认 Fork 完成 :🏗️: 第二步:创建 Pages 项目2.1 访问 Cloudflare Dashboard 登录 Cloudflare Dashboard 选择左侧菜单的 “Workers & Pages” 点击 “创建应用程序” 选择 “Pages” 选项卡 点击 “连接到 Git” 2.2 连接 GitHub 仓库 如果首次使用,需要授权 Cloudflare 访问 GitHub 选择您 Fork 的 CloudFlare-ImgBed 仓库 点击 “开始设置” 2.3 配置项目设置 配置项 值 说明 项目名称 cloudflare-imgbed(或自定义) 项目标识符 生产分支 main 生产环境分支 构建命令 npm install 重要:v2.0 新构建命令 构建输出目录 / 保持默认 重要提醒 ...
3acb68b09d13aadc280a1674b774c6a66b9ac01d708d88cf0f08d6a7615045a3b23365ce8560e9af740c05bab6e84f09be3bd296b52848de027427e69018e2135131a4899e827f33674f97202d9b3512183cd7372f93f8abe20424b46d8e8ec987e5dafad411fd714a36534b8f3d2ab685657b03e94e9b0626995998dc787483d5441f80df6173453247b3fcfc8aa93e6a06bb5b27f570e6f200732026856cb55f6ec84cf8ee556bf30cb775f9207790e8ea37747a4c8064ba6c7cf998d52435ac87b374408b287638c1e78ebd503bfbb47e06064b61668bef5ab4c2614adf1a2071f3037812af3c0aec1c1bbfcdba5623e3a8dcde7b ...
d1b3f8f298ddc03e3be50422c2965b53392736525a88e9a7a71b8afa7c0a3a6ab288040fe691711507b3506824fea54e144dccaa292446cdd1dabc0540a470e82fb00162f27074c525bc987b3db4c49fc4859c6a8b7332587285d434c3deda65b0370424357a13dde8cf5d3e703c15322e6681c19fd1f6f3305e4570d4dd5a23676b5e6f1f85583ad9774baa9be5e40271e7378e9a0d24083427f7a6b54fffa0ed0d9e15dc5fd5a9da4bd3dcea9a860f7ce8d93703c270e667cac16f5f31658af83778fc120f47c76f45f1abc6d298ec3feb3375fdba6e1e0c4e032526fa0996711fcfc794a0bead3ddb32f0cc299cd225507eb0ae10 ...
前言前不久,我弄了一个qexo博客管理系统,vercel自带的域名不能用,于是我只好找免费域名于是我找到了它——DigitalPlat Domain 怎么弄我跟着永久免费域名!最新注册教程,无限免费续期,100%成功,可托管CloudFlare,值得抢注!! | 零度解说_哔哩哔哩_bilibili这个做的,可以参考。 虚拟身份生成我们用Fake Person Generator来生成虚拟身份,访问 https://www.fakepersongenerator.com/进入网站后,页面会自动生成一个完整的身份信息。 在 DigitalPlat 注册账号打开DigitalPlat 自由域名 - 注册),把你的这些信息给填进去。邮箱最好填真实的。 Key验证DigitalPlat 为了保证域名不被滥用,通常要求通过 GitHub ID 来进行身份验证,证明你是一个真实的开发者/用户。 访问 GitHub: 打开 https://github.com/ 注册账号点击右上角Sign up以注册。 **关联验证:**在 DigitalPlat 注册后,系统会让你绑定github账号 ...

