Hexo博客透明背景
一直觉得默认的纯白背景有点闷,想让背景图透出来看看。但又怕整太花哨影响看文章,就想了个折中的办法——让文章区域透明起来。 效果还行,分享下怎么搞的。 操作步骤第一步:写个透明化的小样式 在 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 rg...
Qexo的说说和友链配置
给博客整上了说说的友链功能一直想在博客弄个「说说」板块,随便发点碎碎念,不用像写文章那么正式。顺便把友链功能也收拾了一下,方便和朋友们互相串门。 折腾了两天,总算把 Qexo 这两功能整明白了。记录一下,免得自己忘了,也给需要的人参考。 先说准备工作得先有个 Qexo 后端,这个我早就部署好了。如果你还没有,先去搞一个,具体咋部署官方文档写得很清楚,我就不啰嗦了。 说说功能咋整的效果长这样 说说 | min的小窝 1. 先在 Qexo 后台加几条说说 进 Qexo 管理面板,找到「说说」模块,随便写几条测试内容,记得点发布。我就先写了几条日常,试试效果。 2. 前端代码抄过去 把下面这段扔到你的说说页面,参数照着改就行: 123456789101112131415161718192021222324<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport&qu...
Cloudflare图床缓存优化
折腾了几个小时,终于把 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实现无限空间网盘及图床
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 新构建命令 构建输出目录 / 保持默认 重要...
