技术教程
未读一直觉得默认的纯白背景有点闷,想让背景图透出来看看。但又怕整太花哨影响看文章,就想了个折中的办法——让文章区域透明起来。 效果还行,分享下怎么搞的。 操作步骤第一步:写个透明化的小样式 在 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 新构建命令 构建输出目录 / 保持默认 重要提醒 ...
05aedad7c66dc786839d550cf52655e907a53ccc944f9a71fd0111b38c3b4dabb2cb7e4155343095d5aa5dedee2d764f8bc6da1a19e13615489d433a46b6f6508e63869d39bd2da1a1e1273170b69feb211c218338e9038a8475140bbf84a1a59f27f06dd09a9d6e2e334761aa1975d4ed5d0e7fb09c906efa7a1956bbb1f26081d0b43f867589311e82f8b6db529dbe01923eca8e6f9d9b62532aa82ca2f4faa275a1022561316c9e152dd8197abfc0e43e191f5ae33c03a3e003d8d533b026c3f492f1171f6ede1eae97f4be3c79c5947737e5a85c3f012959d419d074edd7c16d3bb236c706886a416e082a32b2063de6d33041f8 ...
d27b901d1493adc15f70b663acf054ab96cb83a9aa6a6b48263e2bb2706bc7ee8e6eb766222e3c3f13054dfb1c242c8ad08800d0fa3e8108d6da1a733c7db54c269d9e8f9bea01723a4fa7eadb92cd2fd9b32d5a5d618e736ab1cdb418bb82840d34fd164fbc277cc704ac6f05e003d291b9ac7ffb57f29f51eda0ab843200fc741893206fdb0bb4f88003a66d4f6f05dc418d89f357f61567c4fe72adc48efdf1ccb7d94372344977dfbd71d063f4ab622deac071f6575b7f51a08b6df3483592494d0c9420e0bf17c713381c2fb3f7d7765ab37bd81cb2d2d7b50a3f45c80c628e8d800923cb80f2be59084dfe287e772baa093156 ...
前言前不久,我弄了一个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账号 ...
前言博客也建立了十几天了,写文章一直都不方便,首先是编辑不方便(不熟悉markdown语法)然后又有网络问题,最恐怖的还是设备问题,我这电脑如果国庆后的月考没考好,那我的设备可就一命呜呼了,想写都写不了!于是我找啊找啊,尝试过那个netlify的什么编辑器,AI说是写后全自动部署……en,这体验就很难绷。于是我果断放弃这个方案。随后我便找到了本文的主角:Qexo! 部署这个东东支持vercel和docker部署啊,当然docker部署就需要你有一台服务器了,en我没有money于是就只能白嫖vercel啦,然后部署原文档已经写的很清楚了,这里也不说了。 Qexo配置这里要把你的博客源文件给上传到Github啊,仓库名称随意,把你本地博客文件夹里面的东西,除了node_modules都上传到这个仓库啊,可以用HPP校验助手来验证完整性,github密钥Github 设置这里生成,需要 Repo和Workflow下的权限啊,然后保管好你的token,填入页面。vercel配置在这里进行配置https://oplog.cn/qexo/configs/vercel.html啊。 Github配 ...









