学习笔记 on 彩虹兔的博客 https://blog.caihongtu.top/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/ Recent content from 彩虹兔的博客 Hugo zh-cn admin_reply@caihongtu.top (彩虹兔) admin_reply@caihongtu.top (彩虹兔) 本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！ Sat, 16 May 2026 11:50:48 +0800 避免重复造轮子的解决方案 https://blog.caihongtu.top/post/2026/selfcli/ Sat, 16 May 2026 11:30:30 +0800 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2026/selfcli/ 避免重复造轮子的解决方案

作者：彩虹兔（admin_reply@caihongtu.top）

Note

重复造轮子是独立开发者最大的效率杀手。一个管理系统项目中，登录注册、权限控制、CRUD 操作、通用组件这些重复业务通常占总开发量的 60%-80%。解决这个问题的核心思路是：建立分层复用体系，将一次性劳动转化为可重复使用的资产，最终实现 “新项目 = 基础模板 + 业务定制 + 少量配置” 的开发模式。

本文2026-05-16首发于彩虹兔的博客，最后修改于2026-05-16

]]> 学习笔记 技术栈推荐 https://blog.caihongtu.top/post/2026/stack/ Thu, 09 Apr 2026 18:22:40 +0800 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2026/stack/ 技术栈推荐

作者：彩虹兔（admin_reply@caihongtu.top）

在此记录一下我觉得比较好用的个人项目技术栈。

推荐技术栈

这里的前端指的是：Web端、桌面端、移动端

  1. React + Typescript + Tailwind CSS + Shadcn UI + Vite + Tauri

这是一套「前端极速开发 + 桌面原生体验」的黄金技术栈，专门用来做轻量、美观、跨平台（Windows/macOS/Linux/Android/iOS）、启动超快、体积极小的桌面软件。

本文2026-04-09首发于彩虹兔的博客，最后修改于2026-04-11

]]> 学习笔记 利用 Cloudflare Workers 实现 Glados 自动签到 https://blog.caihongtu.top/post/2026/glados-checkin/ Sun, 05 Apr 2026 16:48:42 -0700 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2026/glados-checkin/ 利用 Cloudflare Workers 实现 Glados 自动签到

作者：彩虹兔（admin_reply@caihongtu.top）

📋 准备工作（提前备好）

  1. 免费 Cloudflare 账号 注册地址：https://dash.cloudflare.com/
  2. GLaDOS 账号 Cookie（https://glados.rocks/）通过F12查看一个请求的Cookie
  3. 可选：企业微信/wxpusher/pushplus通知（用于接收签到成功/失败通知），推荐使用企业微信机器人密钥

🚀 全流程部署步骤

步骤 1：登录 Cloudflare 控制台

  1. 打开 https://dash.cloudflare.com/
  2. 输入你的账号密码完成登录
  3. 进入左侧菜单 Workers & Pages（Workers 与页面）

步骤 2：创建新的 Worker 应用

  1. 点击 创建应用程序
  2. 选择 创建 Worker
  3. 给 Worker 起个名字（例如 glados-checkin）
  4. 点击 部署，完成初始创建

步骤 3：替换为完整签到代码

  1. 创建完成后，点击 快速编辑（进入代码编辑器）
  2. 清空编辑器里默认的所有代码
  3. 粘贴下方 完整版代码（支持手动触发 + Cron 定时 + 企业微信/wxpusher/pushplus通知）：
/**
 * Cloudflare Workers 版 Glados 自动签到
 * 部署后可通过访问 Worker URL 触发签到，也可配置 Cron 定时触发
 */
async function glados(env) {
  const notice = [];
  // 从 Workers 环境变量获取 GLADOS Cookie（多行分隔多个账号）
  if (!env.GLADOS) return notice;

  const cookies = env.GLADOS.split('\n').filter(Boolean); // 过滤空行
  for (const cookie of cookies) {
    try {
      const commonHeaders = {
        'cookie': cookie,
        'referer': 'https://glados.cloud/console/checkin',
        'user-agent': 'Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)',
      };

      // 执行签到请求
      const checkinRes = await fetch('https://glados.cloud/api/user/checkin', {
        method: 'POST',
        headers: { ...commonHeaders, 'content-type': 'application/json' },
        body: '{"token":"glados.cloud"}',
      });
      const checkinData = await checkinRes.json();
      if (checkinData?.code) throw new Error(checkinData?.message || '签到接口返回错误');

      // 获取账号剩余天数
      const statusRes = await fetch('https://glados.cloud/api/user/status', {
        method: 'GET',
        headers: commonHeaders,
      });
      const statusData = await statusRes.json();
      if (statusData?.code) throw new Error(statusData?.message || '状态接口返回错误');

      // 拼接签到成功通知
      notice.push(
        `✅ 账号签到成功`,
        `📢 ${checkinData.message}`,
        `⏳ 剩余天数：${Number(statusData.data.leftDays).toFixed(0)} 天`
      );
    } catch (error) {
      notice.push(`❌ 签到失败`, `原因：${error.message}`);
    }
  }
  return notice;
}

async function notify(notice, env) {
  // 从 Workers 环境变量获取通知配置
  if (!env.NOTIFY || !notice || notice.length === 0) return;

  const notifyOptions = env.NOTIFY.split('\n').filter(Boolean);
  for (const option of notifyOptions) {
    try {
      if (option.startsWith('console:')) {
        // 日志输出到 Cloudflare Workers 控制台
        console.log('📩 签到结果：\n' + notice.join('\n'));
      } else if (option.startsWith('wxpusher:')) {
        // 微信推送 WxPusher
        const [, appToken, ...uids] = option.split(':');
        await fetch('https://wxpusher.zjiecode.com/api/send/message', {
          method: 'POST',
          headers: { 'content-type': 'application/json' },
          body: JSON.stringify({
            appToken: appToken,
            summary: notice[0],
            content: notice.join('<br>'),
            contentType: 3,
            uids: uids.filter(Boolean),
          }),
        });
      } else if (option.startsWith('pushplus:')) {
        // 推送加 PushPlus
        const [, token] = option.split(':');
        await fetch('https://www.pushplus.plus/send', {
          method: 'POST',
          headers: { 'content-type': 'application/json' },
          body: JSON.stringify({
            token: token,
            title: notice[0],
            content: notice.join('<br>'),
            template: 'markdown',
          }),
        });
      } else if (option.startsWith('qyweixin:')) {
        // 企业微信机器人
        const [, robotKey] = option.split(':');
        await fetch(`https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=${robotKey}`, {
          method: 'POST',
          headers: { 'content-type': 'application/json' },
          body: JSON.stringify({
            msgtype: 'markdown',
            markdown: { content: notice.join('\n') },
          }),
        });
      } else {
        // 兜底使用 PushPlus（直接填 token 场景）
        await fetch('https://www.pushplus.plus/send', {
          method: 'POST',
          headers: { 'content-type': 'application/json' },
          body: JSON.stringify({
            token: option,
            title: notice[0],
            content: notice.join('<br>'),
            template: 'markdown',
          }),
        });
      }
    } catch (error) {
      console.error('通知发送失败：', error);
      throw error;
    }
  }
}

// Workers 核心请求处理函数
async function handleRequest(request, env) {
  try {
    const checkinNotice = await glados(env);
    await notify(checkinNotice, env);
    // 返回友好的 JSON 响应
    return new Response(JSON.stringify({
      success: true,
      message: '签到流程执行完成',
      notice: checkinNotice
    }), {
      headers: { 'Content-Type': 'application/json; charset=utf-8' },
      status: 200
    });
  } catch (error) {
    // 异常响应
    return new Response(JSON.stringify({
      success: false,
      message: '签到流程执行失败',
      error: error.message || error.toString()
    }), {
      headers: { 'Content-Type': 'application/json; charset=utf-8' },
      status: 500
    });
  }
}

// 注册 Workers Fetch 事件（入口）
export default {
  async fetch(request, env, ctx) {
    return handleRequest(request, env);
  },
  async scheduled(event, env, ctx) {
    handleRequest("", env);
  }
};
  1. 点击右上角 部署

步骤 4：配置环境变量（核心！）

环境变量

本文2026-04-05首发于彩虹兔的博客，最后修改于2026-04-06

]]> 学习笔记 创建第一个npm包 https://blog.caihongtu.top/post/2026/create-npm-package-frist/ Sat, 28 Mar 2026 23:10:04 -0700 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2026/create-npm-package-frist/ 创建第一个npm包

作者：彩虹兔（admin_reply@caihongtu.top）

介绍

什么是npm包？

npm 包（Node Package Manager Package），是Node.js 生态系统中，用于封装、复用和分发 JavaScript 代码的标准化模块单元。简单说，它就是一个打包好的代码工具库，可以被直接下载、引用到项目中使用。

本文2026-03-28首发于彩虹兔的博客，最后修改于2026-03-29

]]> 学习笔记 使用coze AI生成PPT式HTML https://blog.caihongtu.top/post/2026/html-as-ppt-by-ai/ Wed, 25 Mar 2026 11:31:48 -0700 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2026/html-as-ppt-by-ai/ 使用coze AI生成PPT式HTML

作者：彩虹兔（admin_reply@caihongtu.top）

引言

如果由AI生成PPT，费token不说，生成的内容更是一言难尽。

但是用AI生成HTML就不同了啊，目前这方面AI可以说是已经很牛掰了。

所以，如果你有短视频方面或者个人使用的需求，那么完全可以使用PPT式的HTML来当作你的叙述画面！

本文2026-03-25首发于彩虹兔的博客，最后修改于2026-03-25

]]> 学习笔记 Cloudflare Workers 项目推荐 https://blog.caihongtu.top/post/2026/cf-workers-recommend/ Mon, 23 Mar 2026 22:01:22 +0800 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2026/cf-workers-recommend/ Cloudflare Workers 项目推荐

作者：彩虹兔（admin_reply@caihongtu.top）

1. Saas Admin Template

用 Astro、shadcn/ui 和 Cloudflare Workers 构建的管理仪表盘模板

Saas Admin Template 
npm create cloudflare@latest -- --template=cloudflare/templates/saas-admin-template

2. React Router + Hono Fullstack App

这是一个基于 Cloudflare Workers 的现代化全栈模板，后端 API 使用 Hono，前端路由使用 React Router，组件美观易用，并使用 Tailwind CSS 进行样式设计。

本文2026-03-23首发于彩虹兔的博客，最后修改于2026-03-23

]]> 学习笔记 【02】学习Next.js框架之链接、导航、进阶路由 https://blog.caihongtu.top/post/2025/learn-nextjs-02/ Mon, 27 Oct 2025 09:17:42 +0800 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2025/learn-nextjs-02/ 【02】学习Next.js框架之链接、导航、进阶路由

作者：彩虹兔（admin_reply@caihongtu.top）

基础用法 

import Link from "next/link";

export default function Home() {
    return (
        <>
            <h1>Welcome home!</h1>
            <Link href="/blog">Blog</Link>
            <Link href="/login" replace>Login</Link>
        <>
    );
}

  • 上述代码，点击Blog后会跳转到http://localhost:3000/blog

  • 点击Login后会替换当前历史条目，此时再点返回，就会回到首页。

    本文2025-10-27首发于彩虹兔的博客，最后修改于2025-10-27

    ]]> 学习笔记 【01】学习Next.js框架之安装入门、路由与布局 https://blog.caihongtu.top/post/2025/learn-nextjs-01/ Sun, 26 Oct 2025 11:37:50 +0800 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2025/learn-nextjs-01/ 【01】学习Next.js框架之安装入门、路由与布局

    作者：彩虹兔（admin_reply@caihongtu.top）

    引言

    Next.js 是 React 的一个 Web 框架，本篇文章是 “学习NextJs框架”的第一篇教程。

    学习之前，默认读者已经熟悉 HTML、CSS、TypeScript、React。

    本文2025-10-26首发于彩虹兔的博客，最后修改于2025-10-26

    ]]>     学习笔记     【持续更新中...】【全流程】使用React的Taro和Cloudflare Workers免费创建部署微信小程序！ https://blog.caihongtu.top/post/2025/cwbtacwff1/ Tue, 14 Oct 2025 15:25:40 +0800 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2025/cwbtacwff1/ 【持续更新中...】【全流程】使用React的Taro和Cloudflare Workers免费创建部署微信小程序！

    作者：彩虹兔（admin_reply@caihongtu.top）

    引言

    Cloudflare人称"赛博活佛", 其中的workers更是能够作为代码初学者的一个练手工具, 其免费功能便足以支撑一个微小型的程序运行.
    本篇文章旨在给大家分享: 使用Taro(React框架)和Cloudflare workers 来完成一个微信小程序.
    预计文章会很长, 持续更新中…

    本文2025-10-14首发于彩虹兔的博客，最后修改于2025-10-14

    ]]> 学习笔记 GitHub 个人主页 README 美化 & Star 趋势图 https://blog.caihongtu.top/post/2024/github-profile/ Thu, 14 Nov 2024 22:49:27 +0800 admin_reply@caihongtu.top (彩虹兔) https://blog.caihongtu.top/post/2024/github-profile/ GitHub 个人主页 README 美化 & Star 趋势图

    作者：彩虹兔（admin_reply@caihongtu.top）

    引言

    每次看到有大佬的 Github 主页很炫酷，自己总是羡慕不已，那些大佬真是厉害，不仅技术强，就连 Github 个人主页都酷的一批。
    于是我便查阅资料，最终决定美化一下自己的 Github 主页 （虽然我是个小菜鸡，什么开源好项目都没写出来…）

    本文2024-11-14首发于彩虹兔的博客，最后修改于2024-11-14

    ]]>     学习笔记