袁某人博客

给你的文章添加 AI 创作等级标识

Sun, 01 Feb 2026 00:00:00 GMT

这是今天下午维护《中文独立博客契约》时突然冒出来的一个想法，既然独立博客以真实和独立为根本，那么有必要告知访客正在读的内容是不是 AI 生成，AI 都参与了哪些部分？

这不仅是独立博客自信的表现，也是对访客读者的尊重和负责。

但是如果标注 AI 参与的部分会把页面搞得乱糟糟的，于是我想到把 AI 参与程度分为 0~3 共四个等级。

AI 0

等级 0 为原创，每个字都是作者一个个敲出来的没有 AI 参与，可以标注原创或不声明。
AI 1

等级 1 表示用 AI 辅助，如检查错别字和语法、总结参考，主体内容和思想是作者的。
AI 2

等级 2 表示部分内容由 AI 生成，作者进行复核，主体和思想各一半，作者被 AI 引导或左右。
AI 3

这个程度如果不是教程文章访客就没必要看了，主体大纲和主要内容由 AI 创作，作者负责复核和修改，或者思想被 AI 引导。

总结一下

AI 帮我检查作业，告诉我错在哪？我来改。
这题我不会，AI 告诉我该怎么做。
AI 给我写作业，或我照抄。

我是怎么做的？

看看我上一篇文章，日期旁边的标注。

🧑‍🎓

小课堂

那么有同学要问了：博主，文章是我自己写的只是让 AI 检查一下，为啥要标注？

抱歉，用了就是用了，没什么可狡辩的，自欺欺人罢了。

Cloudflare Workers + iOS 快捷指令：打造个人博客实时状态

Fri, 16 Jan 2026 00:00:00 GMT

这篇文章将教你利用 Cloudflare Workers 结合 iOS 快捷指令更新实时状态并在网站上显示，同时集成一个简易的访客统计量。

文中用到的实例基于生产环境代码，截至 2026年01月16日正常使用。

一、前言与准备

核心思路：利用 Cloudflare Workers 作为后端，KV 储存数据。iOS 快捷指令通过带有密钥的特定 URL 触发更新，前端通过公开接口读取展示。

域名要求：必须绑定到 Cloudflare。

功能路径：

路由	获取方式	说明
`/api/status`	GET	获取当前状态，返回 JSON 数据，浏览量 +1
`/api/status/{密钥}/{状态文本}`	GET	使用密钥更新状态文本

二、后端部署：Cloudflare Workers 和配置

(1) 创建 KV 储存

登录 Cloudflare 控制台，前往“存储和数据库 > Workers KV”。
点击“创建命名空间”。
命名空间名称填写：BLOG_STATUS_KV。

(2) 创建 Workers 程序

前往“计算和 AI > Workers 和 Pages”，点击“创建应用程序”。
随便起个名字（如 blog-status），点击部署。
进入该 Worker 的详情页，点击右上角“编辑代码”，清空原有内容，复制粘贴以下代码：

export default {
    async fetch(request, env) {
        const url = new URL(request.url);
        const pathname = url.pathname;

        // KV 键名常量
        const STORAGE_KEY = 'status';

        // 辅助函数：统一返回 JSON
        const jsonResponse = (data, status = 200) => {
            return new Response(JSON.stringify(data), {
                status,
                headers: {
                    'Content-Type': 'application/json',
                    'Access-Control-Allow-Origin': '*', // 允许跨域
                    'Cache-Control': 'no-store'         // 确保获取最新数据
                }
            });
        };

        try {
        // ===== 接口 1: 获取状态 (同时浏览量 views + 1) =====
        if (pathname === '/api/status' && request.method === 'GET') {
            let data = await env.BLOG_STATUS_KV.get(STORAGE_KEY, { type: 'json' });

            if (!data) {
                data = { 
                    status: "👋 Hello", 
                    views: 0, 
                    uppubDatedAt: new pubDate().toISOString() 
                };
            }

            // 浏览量自增
            data.views = (data.views || 0) + 1;
            await env.BLOG_STATUS_KV.put(STORAGE_KEY, JSON.stringify(data));

            return jsonResponse(data);
        }

        // ===== 接口 2: 更新状态 (/api/status/{key}/{status}) =====
        if (pathname.startsWith('/api/status/') && request.method === 'GET') {
            const parts = pathname.split('/');

            if (parts.length < 5) {
                return jsonResponse({ code: 400, message: 'Missing parameters' }, 400);
            }

            const inputKey = parts[3];
            const newStatusText = decodeURIComponent(parts[4]); // 解码 URL 编码的中文

            // 鉴权
            if (inputKey !== env.SECRET_KEY) {
                return jsonResponse({ code: 401, message: 'Unauthorized' }, 401);
            }

            let data = await env.BLOG_STATUS_KV.get(STORAGE_KEY, { type: 'json' }) || { views: 0 };
            
            data.status = newStatusText;
            data.uppubDatedAt = new pubDate().toISOString();

            await env.BLOG_STATUS_KV.put(STORAGE_KEY, JSON.stringify(data));

            return jsonResponse(data);
        }

        return jsonResponse({ code: 404, message: 'Not Found' }, 404);

        } catch (error) {
            return jsonResponse({ code: 500, message: 'Error', error: error.message }, 500);
        }
    }
};

(3) 设置密钥与绑定路由

代码保存后，回到 Worker 详情页：

添加密钥： 在“设置 > 变量和机密”中添加名为 SECRET_KEY 的变量，值填入一段随机字符串（这是你的更新密钥，不要泄露），密钥和文本类型无区别。
绑定路由： 在“设置 > 域和路由”中添加自定义域或路由，比如“jb18.cm/api/*”。

(4) 绑定 KV 命名空间

在 Worker 详情页，点击上面菜单的绑定，点击添加绑定，在右边选择 KV 命名空间，点击添加绑定，在“KV 命名空间绑定”区域，变量名称为 BLOG_STATUS_KV（需与代码中的 env.BLOG_STATUS_KV 保持一致），然后选择你刚刚创建的命名空间。

(5) 设置速率限制器规则

在域名管理页面，在“安全性 > 安全规则”点击右上角创建规则（自定义规则）。

匹配： 路径等于 /api/*。
阈值： 10 秒内请求超过 1 次（根据需求调整）。
动作： 拦截。

好了，你现在可以在浏览器试试获取和更新数据。

三、前端：获取并展示数据

使用 sessionStorage 确保单次会话只请求一次接口，避免恶意刷新导致浏览量激增。

接口被刷不要紧，有速率限制器和 Cloudflare CDN 防护。

async function fetchStatus() {
    const cacheKey = 'status_data';
    const cachedData = sessionStorage.getItem(cacheKey);

    if (cachedData) {
        renderStatus(JSON.parse(cachedData));
    } else {
        try {
            const response = await fetch('/api/status');
            const data = await response.json();

            sessionStorage.setItem(cacheKey, JSON.stringify(data));
            renderStatus(data);
        } catch (error) {
            console.error('获取状态失败:', error);
        }
    }

    function renderStatus(data) {
        if (!data) return;
        
        // 在这里编写你的 DOM 处理逻辑
        // 例如：document.getElementById('status-box').innerText = data.status;
        console.log('当前实时状态：', data);
    }
}

四、iOS 快捷指令：实时更新

最后两个指令是“URL”和“获取URL内容”。

URL： 输入“https://{domain}/api/status/{key}/{status}”
获取 URL 内容： 方法选 GET

进阶玩法： 你可以在顶部添加 “获取我的快捷指令”，选择 “输入快捷指令的信息”，再将信息添加到变量，那么你就可以在自动化中调用这个统一接口，比如当手机连接到公司 Wi-Fi 时调用这个指令，自动触发接口将状态改为“💼 办公中”。

注意： 请务必确认你的 SECRET_KEY 已经通过 Cloudflare 后台设置并部署，否则更新接口将无法通过验证。

修改记录

[2026-01-21]: 调整文章格式，删除和添加空格

不要用 Astro Image 组件加载图片

Sun, 12 Oct 2025 00:00:00 GMT

Astro 的 <Image> 组件会自动转换远程图片保存到本地，导致 CDN 无效。我今天禁用缓存才发现这个问题，之前一直用本地缓存没发现这个问题😓

Cloudflare Page 在海外加载效果不错在大陆非常缓慢，但 R2 储存的速度还是可以的，在大陆尽量不要用 Page 加载本地包里的图片。

不让 Astro 自动转换也很简单，在 astro.config.js 删掉这个配置即可会显示原始图片不做任何处理，但有个弊端就是在本地调试时无法加载远程图片。

   image: {
       domains: ['res.jb18.cm' ...],
   }

Astro 的 <Image> 组件用来加载本地的背景图、图标等很不错，会自动转换格式压缩，但用来加载 CDN 图片非常鸡肋，一个是既然用 CDN 了就不在乎质量只要 CDN 的速度就行，再者转换会保存到本地导致包非常大。

甘南之旅-扎尕那

Mon, 15 Sep 2025 00:00:00 GMT

洛克之路起点进入非铺装路

开始拔高1

开始拔高2

拔高途中

问题不大，打火机还能打着火

扎尕那北门1

扎尕那北门2

途径点

9月2号早上出发 7号下午到家，总共6天行程，这次带了无人机、运动相机、单反相机，拍了不少照片和视频，但博客图床资源有限要省着用，保存几张好看的照片。

这是第二天从岷县到达扎尕那的路上，途径的洛克之路到达扎尕那。

PicGo上传图片到Cloudflare R2储存桶

Sat, 10 May 2025 00:00:00 GMT

PicGo 是一个用于快速上传图片并获取 URL 链接的工具，默认支持七牛云、腾讯云、又拍云、阿里云 OSS 等，本文将用 PicGo 客户端上传图片到 Cloudflare R2 储存桶里，R2 储存免费套餐每月有 100w 免费读取次数，加上防火墙拒绝爬虫足够个人网站使用。

本文使用的是 2.4.0-beta.9 windows 版本，前往 https://github.com/Molunerfinn/PicGo/releases 查看下载所有版本。

一、创建 R2 储存桶获取密钥

创建好储存桶后，获取 User API 令牌。

名称自定义，选择对象读写并指定储存桶，点击创建。

注意！先不要关闭，密钥只显示这一次，任何时候都不要备份密钥，忘记只需要重新生成即可。

二、配置 PicGo 客户端

在插件设置里搜索安装 s3（可能较慢），打开图床设置的 Amazon S3，添加或修改默认的。

开始写入配置

图床配置名：本地区分，随意填写。
应用密钥 ID：对应 R2 访问密钥 ID。
应用密钥：对应 R2 机密访问密钥。
桶名：对应 R2 储存桶名。
上传文件路径：上传成功后域名后面的路径，变量名参考我将写在最后。
地区：填“auto”即可。
自定义节点：对应 R2 最下面以 .r2.cloudflarestorage.com 结尾的链接。
自定义输出 URL 模板：上传成功后自动复制的链接格式，填入 “https://域名/{path}” 即可，{path} 对应上面的上传文件路径。

确定，其他配置保持默认。

三、自定义域和安全

进入 R2 储存桶设置，先添加自定义域，测试完成再添加 CORS 策略。

R2 储存桶默认不允许公开访问，需修改为允许公开访问。

现在上传图片用自定义域链接打开。

最后，CORS 策略写入：

[
    {
        "AllowedOrigins": [
            "https://jb18.cm",
            "https://wo.jb18.cm"
        ],
        "AllowedMethods": [
            "GET"
        ],
        "AllowedHeaders": [
            "*"
        ],
        "MaxAgeSeconds": 604800
    }
]

AllowedOrigins：允许来源
MaxAgeSeconds：写入浏览器的缓存时间

路径变量名：

{year} 当前日期 - 年

{month} 当前日期 - 月

{day} 当前日期 - 日

{hour} 当前日期 - 时

{minute} 当前日期 - 分

{second} 当前日期 - 秒

{millisecond} 当前日期 - 毫秒

{timestamp} Unix 时间戳

{timestampMS} Unix 时间戳（毫秒）

{fullName} 完整文件名（含扩展名）

{fileName} 文件名（不含扩展名）

{extName} 扩展名（不含.）

{md5} 图片 MD5 计算值

{sha1} 图片 SHA1 计算值

{sha256} 图片 SHA256 计算值

屏蔽 Windows 联网激活和系统更新并切换 Administrator 账户

Wed, 16 Apr 2025 00:00:00 GMT

昨天下载了一个开源磁力链接下载器，结果给我装了一堆软件还卸不掉只能格式化😡，Github 下载东西也要谨慎。以下是重装 Windows 三部曲，记录备忘。

跳过引导页联网激活

在安装前拔掉网线，在引导联网页按 Shift + F10 打开命令行窗口输入下面命令自动重启，下一步按钮旁边会多一个 “没有英特网” 的选项。

OOBE\BYPASSNRO

屏蔽（延长）系统更新

Win + R 输入 “regedit” 打开注册表，依次打开 \HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsUppubDate\UX\Settings。
右键 > 新建 > DWORD（32位）值，命名为 FlightSettingsMaxPauseDays，双击打开。
基数改为十进制，数值为暂停的天数; 我改了 5000 暂停至2038年。
打开设置 > Windows更新 > 暂停更新，拉到底选最大的，选完显示个位数是溢出了不要紧。

切换 Administrator 账户并删除其他用户

以管理员身份运行 cmd （菜单栏搜索框搜索cmd，右键），运行命令启用 Administrator 账户。

net user administrator /active:yes

然后在开始栏注销当前用户并登录 Administrator 用户，在 “控制中心 > 用户账户” 里删除其他账户。

Hello Astro

Fri, 01 Nov 2024 00:00:00 GMT

距离上次关闭博客快一年了吧，动态博客的维护真让人头大，还有每年服务器费用。

在关站后我每天没事还是会看看各位的博客，Astro 是在无意间发现的，抱着好奇的态度看了下文档，比起 React 的繁琐和 VUE 乱糟糟的写法，我对这个框架一见钟情，关键他的文档对新手很友好。

Astro 是最适合构建像博客、营销网站、电子商务网站这样的以内容驱动的网站的 Web 框架。Astro 以开创了一种新的前端架构而闻名，与其他框架相比它减少了 JavaScript 的开销和复杂性。如果你需要一个加载速度快、具有良好 SEO 的网站，那么 Astro 就是你的选择。

这是我第一次用前端框架部署完整的项目（确切来说是第二个，因为我还部署了一个主页），说实话作为一个小白来说有点暗暗自喜，不仅会独立部署项目，还学会了 Git 同步和合并分支还有解决冲突，还是有点成就感的吧。

聊聊我用了哪些技术栈吧

首先是 Astro 和 Tailwind CSS，用 VS Code 同步到 Github，然后用 Cloudflare Page 自动部署， emmm... 是不是很简单。就这些。

这个字体是我找小赵同学要的，好看就是太大了要 2.5MB，所以我用了异步加载，我是个重度强迫症，这个字体包实在太大了虽然用了赛博菩萨，但首页才 0.05MB。

不过话又说回来，我用的 34寸 2K 屏，不用字体包的话太糊了，为了我自己看着舒服还是妥协吧，至于国内访客随缘吧(bushi。

对了，还有个 Giscus，这是一个基于 Github 讨论的评论组件，如文章下方所示（可能需要扶墙），可以访问我博客的朋友应该都能科学上网吧，不能也没关系，你也可以给我发送邮件。

就说这么多😪

就在刚刚准备同步关机的时候又发现了一个 BUG，比如点击 rss.xml 跳转再退回不能触发视图事件，导致遮罩无法关闭。不过小问题了，睡觉睡觉狗命要紧。