Articles on Kevin's Blog

windows hello 介绍

Fri, 24 Jul 2026 00:00:00 +0000

Windows Hello 是 Windows 提供的一套身份验证机制。

用户可以通过以下方式登录：

PIN
指纹
人脸识别

它看起来只是“刷脸登录”或“输入 PIN”，但底层并不是把 PIN、指纹或人脸发送给服务器。

Dokploy 中升级 Plausible 的完整流程

Sun, 12 Jul 2026 00:00:00 +0000

本文记录一次在 Dokploy 中将 Plausible CE 从 v2.1.5 升级到 v3.2.1 的实际流程。
环境：Ubuntu 24.04、Docker、Dokploy、Traefik、PostgreSQL 16、ClickHouse。

集成 dodopayments订阅支付

Mon, 29 Jun 2026 00:00:00 +0000

测试环境

https://docs.dodopayments.com/miscellaneous/testing-process

配置步骤

新建 Brand

多品牌 https://docs.dodopayments.com/features/multi-brands

给新Brand 创建自己的产品

配置自己的 Webhook Endpoint

配置 API key

集成 cloudflare 的 Turnstile

Fri, 27 Feb 2026 00:00:00 +0000

变量

NEXT_PUBLIC_TURNSTILE_SITE_KEY：构建时变量，需要配置到 build time 中
TURNSTILE_SECRET_KEY

步骤

Turnstile widgets

AWS SES + AWS SNS 配合

Tue, 03 Feb 2026 00:00:00 +0000

集成 AWS SES + AWS SNS

配置 Identities

通过 DKIM authentication 验证身份

登录 AWS 控制台，打开服务：SNS（Simple Notification Service）
点击左侧导航栏的 “Topics” → [Create topic]

Clouflare Queue

Mon, 02 Feb 2026 00:00:00 +0000

是什么

是 Cloudflare的消息队列

目的

解耦、削峰、异步化

优势

至少一次（at-least-once）投递
批处理/重试/延迟
死信队列（DLQ）
不收 egress 带宽费

解决了什么问题

把重活从请求链路“挪走”：HTTP 请求先快速返回，把耗时任务（发邮件、写数据库、调用第三方 API、生成任务等）丢进队列慢慢处理，避免超时与抖动。
削峰填谷：流量突刺时先入队，消费者按可控并发/批量处理，防止下游（DB / 第三方）被打爆。
可靠性：失败自动重试，超过重试上限可进 DLQ 便于排查（否则达到上限会被删除）。
Workers 之外也能消费：支持 pull consumer，外部服务用 HTTP 拉取并 ack（注意是短轮询）。

集成 Paypal 支付

Sat, 24 Jan 2026 00:00:00 +0000

配置项: 最重要就是配置这几个

API Credentials

Client ID:
Secret

Webhook ID

Webhook ID

获取配置项

登录开发者后台，切换 Sandbox 账号，新增应用
获取 Client ID, Secret， webhook Id

创建订阅计划

查看所有订阅 https://www.paypal.com/billing/overview
获取Product ID

step: 登录

https://www.paypal.cn/

支付方式

Mon, 19 Jan 2026 00:00:00 +0000

Paypal CN

Cloudflare Worker 介绍

Fri, 16 Jan 2026 00:00:00 +0000

Environment variables / 环境变量

运行时环境变量

build time环境变量

打造近乎免费的高端企业邮箱 (Cloudflare + AWS SES + Gmail)

Wed, 14 Jan 2026 00:00:00 +0000

背景： 为了给 Example.com 配置 support@ 企业邮箱，不想买 Google Workspace（$6/月），于是采用了“拼接”方案。

收信：Cloudflare Email Routing（转发到 Gmail）。
发信：AWS SES（SMTP 服务）。
客户端：Gmail 网页版（统一收发）。

1. 核心架构

收件路径：客户 -> support@ -> Cloudflare -> 转发至 Gmail。
发件路径：Gmail -> AWS SMTP 接口 -> AWS SES -> 客户。

2. 配置步骤 (Cheatsheet)

第一步：AWS SES 准备 (发信引擎)

验证域名：在 AWS SES (Region: us-west-2) 添加 Example.com，获取 DKIM 的 3 个 CNAME 记录。
移出沙盒：刚注册是 Sandbox 模式，必须点击 “Request Production Access”，理由填真实业务用途（如 Transactional emails for users）。
获取凭证：
- 入口：SES -> SMTP Settings -> Create SMTP credentials。
- 注意：下载 CSV 保存好，User/Pass 只显示一次。这不是 AWS 登录密码！

第二步：DNS 配置 (Cloudflare)

为了不进垃圾箱，必须配齐“安保三件套”：

在 Cloudflare Workers 上完美使用 Next.js Image 组件

Mon, 12 Jan 2026 00:00:00 +0000

在使用 opennextjs-cloudflare 部署 Next.js 时，图片优化是一个大坑。

最初我尝试了官方的 Binding 模式，但遇到了格式无法自动转换（一直是 JPEG）和缓存配置麻烦的问题。经过摸索，最终切换到了 Custom Loader 模式。这个方案直接利用 Cloudflare 原生的图片转换服务（/cdn-cgi/image/），不仅无需消耗 Worker 资源，还能强制输出 WebP/AVIF 格式，速度飞快。

creem.io提现

Tue, 06 Jan 2026 00:00:00 +0000

本文将详细拆解 Creem -> Wise -> 支付宝/微信 的全链路配置，并重点分享什么时候提现最省钱以及如何防止 Wise 封号的血泪经验。

💰 核心资金链路

我们的目标是建立一条损耗最低、合规性最高的通道：

Wise注册

Tue, 06 Jan 2026 00:00:00 +0000

参考

63 【【25年3月更新】WISE开设账户(上) - 吃鸡蛋不吐壳 | 小红书 - 你的生活兴趣社区】 😆 6KlmtvuErFrt3hC 😆 https://www.xiaohongshu.com/discovery/item/67cedd72000000000903ba7d?source=webshare&xhsshare=pc_web&xsec_token=ABl6rKJ9M8mwoCCVzHT6S9BzMLCVCXCQhnJRAhYkaq6EI=&xsec_source=pc_share

Cloudflare R2介绍

Mon, 08 Dec 2025 00:00:00 +0000

R2 计费

你可以简单记成：

总共就三笔钱：存储 + 操作次数 +（如果用 IA）取回费。出网到互联网（Egress）是免费的。

存储费用（Standard storage）

单价：$0.015 / GB-month

国际化中对阿拉伯文的处理

Sun, 23 Nov 2025 00:00:00 +0000

注意

当你通过 CLI (npx shadcn@latest add …) 添加组件后，使用编辑器的“全局搜索替换”功能，或者在具体组件文件中手动修改这些类名。

设置阿拉伯文的字体

设置 HTML dir 属性

DirectionProvider

是为整个应用提供全局的文本方向上下文（Text Direction Context），特别是指明应用处于 RTL（Right-to-Left，从右向左）模式。

ssl/tls

Mon, 10 Nov 2025 00:00:00 +0000

是什么

是用于保障网络通信安全的加密协议

TLS（Transport Layer Security，传输层安全协议）和
SSL（Secure Sockets Layer，安全套接字层）。TLS 是 SSL 的后继版本，现代互联网中几乎所有“SSL”其实都是 TLS。

TLS/SSL 的作用

TLS/SSL 主要提供三种安全功能：

数字证书

Mon, 10 Nov 2025 00:00:00 +0000

🪪 什么是数字证书（Digital Certificate）

数字证书是一种由权威机构（CA, Certificate Authority）签发的电子身份证，用来证明“某个公钥确实属于某个实体（网站、公司、个人或设备）”。

Docker介绍

Fri, 07 Nov 2025 00:00:00 +0000

Dokploy、Docker、Vercel 分别是什么

3.1 Docker

Docker 负责把应用及其运行环境打包成容器。

例如：

1你的 Next.js 代码
2+ Node.js
3+ 系统依赖
4+ 启动命令
5= 一个可运行的 Docker 镜像

Docker 解决的是：

Dokploy介绍

Fri, 07 Nov 2025 00:00:00 +0000

3. Dokploy、Docker、Vercel 分别是什么

3.1 Docker

Docker 负责把应用及其运行环境打包成容器。

例如：

1你的 Next.js 代码
2+ Node.js
3+ 系统依赖
4+ 启动命令
5= 一个可运行的 Docker 镜像

Docker 解决的是：

hostinger vps

Fri, 07 Nov 2025 00:00:00 +0000

必做事项

购买完vps，记得打开防火墙

AWS SNS

Sun, 02 Nov 2025 00:00:00 +0000

什么是 AWS SNS

Amazon SNS（Amazon Simple Notification Service）是 AWS 提供的一种 完全托管的发布/订阅（Pub/Sub）消息服务。它用于在系统之间传递消息，可以实现 异步通信、事件分发、通知推送 等功能。

IMAP协议

Fri, 31 Oct 2025 00:00:00 +0000

什么是 IMAP

IMAP（Internet Message Access Protocol，互联网消息访问协议） 是一种让用户可以从邮件服务器上访问和管理邮件的协议。

简单说：

IMAP 是“收邮件”的协议，用来从服务器上读取邮件，而不是下载后删除。

smtp入门和配置

Fri, 31 Oct 2025 00:00:00 +0000

介绍

SMTP（Simple Mail Transfer Protocol，简单邮件传输协议）是一种用于发送电子邮件的标准通信协议。

SMTP 的作用

任何邮件客户端（Gmail、Outlook、Thunderbird）要发邮件，都要连接一个 SMTP 服务器。
如果你用 Gmail 自带的发信通道，它走的是 Google 的 smtp.gmail.com。
如果你想发出的是 support@yourdomain.com，你就需要自己或第三方提供的 SMTP 服务器。

SMTP 是电子邮件系统的**“邮递员”**。它主要负责：

常用code agent

Mon, 20 Oct 2025 00:00:00 +0000

AI Code Agent

ChatGPT Codex

AGENTS.md

是一个给“编码智能体（coding agents）看的 README”：用 Markdown 写清楚这个仓库怎么跑、怎么测、代码风格、约束与注意事项，让智能体少猜、少走弯路。它是一个开放格式，目标是能被多种 coding agents 识别使用。 Codex 在开始做任何工作前会读取 AGENTS.md，用来获得项目上下文与额外指令。

家庭常用药

Sun, 12 Oct 2025 00:00:00 +0000

解热镇痛类

对乙酰氨基酚 / 扑热息痛 / 泰诺

对乙酰氨基酚

退烧、轻中度疼痛

扑热息痛

是“对乙酰氨基酚”的早期翻译名，在一些国产药包装上仍沿用。

泰诺

泰诺是牌子。含有“对乙酰氨基酚”的复方感冒药，由强生公司生产。
复方感冒药

布洛芬 / 美林 / 芬必得

布洛芬

布洛芬是药的通用名（成分名）。解热、镇痛、抗炎。

tcp协议

Sat, 11 Oct 2025 00:00:00 +0000

一句话总结 OSI

应用层（L7）

HTTP/HTTPS：浏览器和服务器说“拿/传网页内容”的通用语言，HTTPS 再加一层加密与身份校验。
DNS：把好记的域名翻译成 IP 地址的“电话簿”。
SMTP/IMAP/POP3：负责“寄信/收信”的电子邮件三件套。
FTP/SFTP：点对点搬文件的“快递员”（SFTP 并加密）。
DHCP：自动给设备分配 IP、网关、DNS 的“网络前台”。

表示层（L6）

tcp协议

Sat, 11 Oct 2025 00:00:00 +0000

什么是 TCP？

TCP（Transmission Control Protocol，传输控制协议） 是互联网的核心协议之一，属于 传输层（Transport Layer）。

加密（Encryption）

Sat, 11 Oct 2025 00:00:00 +0000

🔐 一、什么是加密（Encryption）

加密是一种把“可读的信息（明文）”转换为“不可读的密文”的技术，目的是：

即使数据被截获，也没人能看懂内容，除非拥有正确的密钥。

iphone的功能介绍

Wed, 01 Oct 2025 00:00:00 +0000

下面的是几个iphone常见的功能

安全相关

查找

查询设备在的位置
如果手机丢失，可以启用丢失模式

失窃设备保护

打开之后，进行敏感操作，需要面容id或者安全延迟。

对象存储

Thu, 18 Sep 2025 00:00:00 +0000

1. 定义

对象存储是一种 以“对象（Object）”为基本单位 的存储架构。

对象 = 数据本体（文件内容） + 元数据（描述信息） + 唯一标识（Key/ID）。
数据以扁平化的方式存放，不依赖文件目录层级。
通过 HTTP/HTTPS API（REST/SDK）访问，而不是文件路径或块地址。

2. 为什么叫“对象存储”

存储单位是“对象”，而不是“文件”或“块”。
每个对象自带完整的元数据，类似面向对象编程中的“自描述对象”。
关注的是数据整体，而不是底层细节。

类比：

集成 Paddle 支付

Mon, 08 Sep 2025 00:00:00 +0000

常见链接

配置

去 Paddle Dashboard 检查你的 dunning 设置，如果是订阅相关，优先开启 Retain。

Test Cards

https://developer.paddle.com/concepts/payment-methods/credit-debit-card#test-payment-method

You can test cards using your Paddle sandbox account.

Open a checkout, then use these card details to test payment by card:

Card type	Card number	CVC
Valid Visa debit card	`4000 0566 5566 5556`	`100`
Valid card without 3DS	`4242 4242 4242 4242`	`100`
Valid card with 3DS	`4000 0038 0000 0446`	`100`
Declined card	`4000 0000 0000 0002`	`100`
Successful initial transaction, subsequent declined transactions	`4000 0027 6000 3184`	`100`

步骤

step 沙盒环境

https://sandbox-login.paddle.com/login

Bcrypt Hash(哈希)

Sun, 31 Aug 2025 00:00:00 +0000

用户输入密码
- 用户在注册页面输入密码，例如 "MyP@ssw0rd!"。
后端生成哈希
- 后端接收到明文密码后，调用 bcrypt：

Hash(哈希)介绍

Sun, 31 Aug 2025 00:00:00 +0000

什么是哈希

哈希（Hash）就是把任意长度的输入数据（比如一段文字、一个文件）通过某种算法，转换成一个固定长度的字符串。可以理解成 “数据指纹”。

主要目的

保证完整性（Integrity）：验证数据完整 → 数据有没有被改

JWT介绍

Fri, 29 Aug 2025 00:00:00 +0000

工作流程（简单版）

你登录网站 → 网站验证成功 → 生成一个 JWT → 返回给你。
你的浏览器保存这个 JWT（通常放在 LocalStorage 或 Cookie）。
以后你访问网站 → 把 JWT 一起带过去。
网站看到 JWT → 验证合法 → 知道你是你 → 允许访问。

JWT 的优点

无状态：服务器不需要保存你的登录信息，只要验证 JWT 就行。
通用：移动端、网页、甚至不同系统之间都可以用。
安全：别人即使看到 JWT 内容，也不能随便改，因为有签名保护。

生成 JWT 逻辑

验证用户身份
生成 Payload（包含用户ID、过期时间等）
用秘钥签名，得到 JWT
返回给前端（响应体 or Cookie）
前端保存 Token，后续请求时带上

AWS ses

Tue, 19 Aug 2025 00:00:00 +0000

什么是 SES

是亚马逊提供的一个高可用、可扩展的云邮件发送服务，可以用于：

发送事务性邮件（例如验证码、密码重置）；
发送营销邮件（例如促销通知、活动邀请）；
接收或转发邮件。

沙盒

生产环境中，需要移除沙盒

AWS ses

Tue, 19 Aug 2025 00:00:00 +0000

手动配置

https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/

配置DSN

防止额度被盗刷（重要防护）

配置采样率

 1{
 2  // 1. 错误追踪：前期建议 100% 捕获，因为你是单兵作战，每个报错都很重要
 3  sampleRate: 1.0, 
 4
 5  // 2. 性能追踪 (Transactions)：这是最费钱的
 6  // 建议设置极低，比如 0.1 (10%) 甚至 0.05 (5%)
 7  // 你不需要监控每一个用户的页面加载速度，只需要一个统计趋势
 8  tracesSampleRate: 0.1, 
 9
10  // 3. Session Replay (回放)：非常贵且耗流量
11  // 正常会话不录屏，只有报错时才录屏 100%
12  replaysSessionSampleRate: 0, 
13  replaysOnErrorSampleRate: 1.0, 
14}

过滤垃圾报错

 1Sentry.init({
 2  // 简单粗暴的忽略列表
 3  ignoreErrors: [
 4    "ResizeObserver loop limit exceeded", // 经典良性错误，无视
 5    "Non-Error promise rejection captured",
 6    "Network Error", // 用户断网，不用报给我
 7    "Failed to fetch", // 同上
 8    "Loading chunk", // 网络波动导致懒加载失败
 9  ],
10  
11  // 或者使用更高级的 beforeSend 过滤
12  beforeSend(event, hint) {
13    const error = hint.originalException;
14    // 过滤掉爬虫 (User Agent 判断)
15    if (event.request?.headers?.['User-Agent']?.includes('Googlebot')) {
16      return null;
17    }
18    return event;
19  },
20});

上传 Source Maps

获取 Sentry Auth Token (专用上传令牌): User Settings -> Developer Settings -> Personal Settings
配置 Cloudflare 环境变量
配置 next.config.mjs (SDK v8 语法)
验证上传是否成功

关联用户身份 (User Context)

脚本配置

第一步：准备 Sentry 项目

注册/登录 sentry.io。
点击 Create Project。
选择平台：Next.js。
Alert Frequency：建议选 “I’ll create my own alerts later”（避免初始邮件轰炸）。
输入项目名称（例如 my-saas-frontend），点击 Create Project。

第二步：使用官方向导自动安装 (推荐)

复制官方向导命令，打开你的 Next.js 项目终端，运行命令：

next-auth 介绍

Tue, 19 Aug 2025 00:00:00 +0000

OAuth 授权

用户在 Google 页面同意授权（选择账号、允许权限）
Google 返回授权码（authorization code）到 NextAuth 配置的回调 URL（默认是 /api/auth/callback/google）。
NextAuth 收到 Google 返回的授权码
使用 Google 的 client_id 和 client_secret 去请求访问 token 和用户信息
获取用户信息（如 email、name、avatar）
在 authorize 或 callbacks.signIn 中，你可以：
- 在数据库查找或创建用户。
- 设置用户的权限或角色信息。
NextAuth 生成一个 JWT 或 session cookie（取决于配置 session.strategy）。
用户的会话信息会存储在 cookie 中，并包含一些用户信息或权限.
调用 signOut()。
- NextAuth 清空 cookie，会话失效。

Credentials Provider

Email Provider

问题

JWT vs token

集成Fal.ai的大模型

Tue, 19 Aug 2025 00:00:00 +0000

集成Creem.io订阅支付

Fri, 15 Aug 2025 00:00:00 +0000

Creem

Creem 一个主账号下可以创建多个 Store，1 个网站建立一个 store
Stripe 一个主账号下可以创建多个 Account

集成

需要 API Key

进入下面的路径，home -> Developers -> API Keys, 复制并保存 API Key。

在fal.ai平台训练和使用LoRA

Sat, 09 Aug 2025 00:00:00 +0000

LoRA 知识体系总结

1. 核心概念：LoRA 到底是什么？

官方名称：LoRA (Low-Rank Adaptation) 是一种高效的AI模型微调技术。
核心思想：它不是从零开始训练一个巨大的新模型，而是在一个已经非常强大的基础模型（如 FLUX.1 Krea）之上，创建一个小型的、像“插件”或“补丁”一样的文件（通常是 .safetensors 格式）。
最佳比喻：您可以将 LoRA 文件想象成一本**“私房菜谱”**。
- 基础模型是一位全能的**“米其林大厨”**。
- LoRA 文件是您教给大厨的、关于**“您家乡的特色菜”**的菜谱。
- 大厨结合自己的高超厨艺和您的私房菜谱，就能做出独一无二的、带有您个人风格的菜肴。

2. 核心优势：为什么要用 LoRA？

高度个性化：能够让 AI 稳定地生成特定的人物（数字分身）、物体（产品）或艺术风格（您的专属画风）。
高效且轻便：LoRA 文件通常很小（几 MB 到几百 MB），训练速度快，易于分享和管理。相比之下，完整的基础模型可能有几十 GB 大。
灵活性：您可以将不同的 LoRA 组合使用，并通过调整权重（Scale）来控制每个 LoRA 的影响强度。

3. 两大核心角色：LoRA 的生命周期

在 Fal.ai 等平台上，使用 LoRA 的整个流程被清晰地划分为两个不同角色的模型：

Vercel常见问题

Thu, 26 Jun 2025 00:00:00 +0000

Fast Origin Transfer

是 Vercel 全球边缘网络（Edge Network）中的一项核心技术，旨在大幅降低动态内容从源服务器（Origin）传输到用户边缘节点的延迟。

发生在以下场景中：

当用户请求的内容未被缓存（即缓存未命中，cache miss）时，Vercel 的边缘网络需要从源服务器（例如 Vercel 的 Serverless Functions、Middleware 或 Incremental Static Regeneration (ISR)）获取数据。
这些数据从源服务器传输到边缘网络时，会产生 Fast Origin Transfer 的使用量。

解决了什么问题

即使你的静态资源（如图片、CSS）通过 CDN 全球分发很快，但动态生成的内容（如通过 Serverless Function 查询数据库返回的数据）仍然可能因为源服务器的地理位置而变慢。

冥想

Wed, 25 Jun 2025 00:00:00 +0000

什么是冥想

冥想是一种锻炼心智的方法，核心在于将注意力集中于一点，从而让纷乱的思绪平静下来。冥想并非要你“清空大脑”，而是学习有意识地、不加评判地观察自己的念头和情绪，并温和地将注意力带回到专注点上。

翻墙的知识

Tue, 17 Jun 2025 00:00:00 +0000

翻墙的种类

VPN

本质不是用来翻墙的。

ShaowSocks 系列

本地加密 + 远程服务器加密。下面的协议，有的即是协议，又是客户端。

ShadowSocks
ShadowSocksR
V2ray
VMess
Trojan
Clash
Surge

硬件翻墙路由器翻墙

把翻墙软件部署在了路由器上了

MCP基础知识

Thu, 05 Jun 2025 00:00:00 +0000

windows 任务计划程序

Thu, 05 Jun 2025 00:00:00 +0000

什么是 Windows ？

任务计划程序（Task Scheduler）是 Windows 操作系统内置的一个工具，它可以让你的电脑在指定的时间或条件下自动执行某些任务。简单来说，它就像一个“智能闹钟”，可以帮你自动运行程序、脚本，或者完成一些重复性的工作，而不需要你手动去操作。

科学上网

Mon, 19 May 2025 00:00:00 +0000

资料

步骤

配置服务器实例

登录 EC2

https://aws.amazon.com/cn/ec2/

服务器脚本配置

运行下面的命令：

bash <(wget -qO- -o- https://git.io/v2ray.sh)

配置服务器安全组

开启相关的端口

llms.txt配置

Fri, 09 May 2025 00:00:00 +0000

什么是llms.txt

配置 llmx.txt 增加流量

Cloudflare 企业邮箱

Tue, 29 Apr 2025 00:00:00 +0000

参考

https://techins.xyz/effortless-business-email-setup-with-cloudflare-and-gmail

发信

配置

路径

Settings -> Accounts and Import -> Send mail as -> Add another email address

配置项

名称：你希望用户看到的
Email address：用来让收件人看到的地址

点击下一步，配置 smtp 弹框

配置 smtp

SMTP 服务器：smtp.gmail.com (选择使用 Gmail 的 SMTP（smtp.gmail.com）,这封信是从你的 Gmail 账户发送的， Gmail 只是帮你在邮件的「From（发件人）」字段里显示另一个邮箱地址。)
用户名：您的 Gmail 邮箱地址，你用来代发的邮箱
密码：您的 Gmail 应用专用密码（非常重要，普通密码不适用，下面会介绍如何获取这个密码，如果密码错误会有如下图所示的报错）
勾选 TLS 选项：

开启两步验证

https://myaccount.google.com/security
2-Step Verification

创建应用密码

访问：https://myaccount.google.com/apppasswords
输入名字，点击创建，保存生成的密码，

Hugo基础知识

Sat, 05 Apr 2025 00:00:00 +0000

名词术语

Front matter

“Front matter” 中文通常翻译为 “前言” 或 “元数据区块”，在编程和内容管理系统中，它有一个特定的含义，尤其是在静态网站生成器（如 Hugo、Jekyll、Hexo 等）中非常常见。 Front matter 是在文件最开始，用来描述该文件的一些元信息（metadata）的内容块。

Cloudflare Tunnel配置

Sun, 30 Mar 2025 00:00:00 +0000

Cloudflare Tunnel 配置

集成谷歌登录

Sat, 29 Mar 2025 00:00:00 +0000

参考资料

https://github.com/SoraWebui/SoraWebui/blob/login/help/Google-Auth.zh-CN.md: 这个文档有点老旧，不符合现在最新的操作流程。

申请

网址： https://console.cloud.google.com

Step: 新建 Project

Project Name: 随便填写

Step: 选择这个项目

进入这个项目的控制面板页面

Step: 进入 Credentials 页面

路径：APIs & Services -> Credentials
点击 Configure Consent Sreeen按钮，然后点击Get Started按钮，进入 Project configuration 页面

进入 Project configuration 页面

开始填写下面的配置项:

Cloudflare R2 配置

Thu, 27 Mar 2025 00:00:00 +0000

参考资料：

https://developers.cloudflare.com/r2/examples/aws/aws-sdk-js-v3/

需要获得这几个 key

R2_ACCOUNT_ID: 一个账号是一个 ID
R2_ACCESS_KEY_ID:
R2_SECRET_ACCESS_KEY
R2_BUCKET_NAME: Bucket的name

步骤

Step: 创建 Bucket

通过接口访问

Step: 生成 API Key

R2 → "Manage R2 API Tokens" → Create API Token
选择 Edit 权限 → 选择对应的 Bucket
记录：
- Access Key ID
- Secret Access Key
- Account ID（在 R2 页面右上角）

Step: 配置域名来获得 Public Access

设置自定义域名 s.example.com来获得 public access

集成 Lemon Squeezy支付

Thu, 27 Mar 2025 00:00:00 +0000

需要配置下面的配置项

API Key：配置API key，开发环境和生产环境不一样
Store id: 同一个Store的下的所有的产品的store id都是一样的
Webhook singing secret

Step: 在test mode下面进行测试

进入Lemon Squeezy后台之后，左下角有一个Test Mode的Switch，打开test mode.

美食

Wed, 26 Mar 2025 00:00:00 +0000

食材

血糯米
白糯米
黄油：黄油通常通过搅拌奶油（从牛奶中分离出的脂肪部分）制成。
芋泥：是一种以芋头为主要原料制成的食品，通常呈泥状或膏状，口感绵密、香甜，是许多甜品和菜肴中的常见成分。
紫薯粉：是以紫薯（紫甘薯，学名 Ipomoea batatas）为原料，经过清洗、蒸煮、烘干、研磨等工艺制成的粉状食材。
炼乳：（condensed milk）是一种经过浓缩处理的乳制品，通常由牛奶通过加热蒸发水分并添加糖制成。它味道甜腻、质地浓稠，是许多甜品和饮品的常见配料。
淡奶油：（whipping cream 或 light cream）是一种从牛奶中分离出的乳脂肪制品，脂肪含量通常在 30%-38% 之间（比全脂牛奶高，但低于浓稠的重奶油）。它质地轻盈，适合打发成奶油或用于烹饪、烘焙。
糯米粉：（sticky rice flour 或 glutinous rice flour）是以糯米为原料，经过浸泡、研磨、干燥等工艺制成的细腻粉末。
水磨糯米粉：（Wet-milled Sticky Rice Flour）是一种用糯米经过水磨工艺制成的细腻粉末，是中式传统食材之一，尤其在制作点心和甜品中应用广泛。“水磨”是指将糯米浸泡后，用水和石磨（或现代研磨设备）磨成细腻的米浆，再经过过滤、沉淀、干燥等步骤制成粉末。
杨枝甘露：是一款起源于香港的经典港式甜品，以其清爽的口感和丰富的层次感深受喜爱。常见组成：芒果、西米、柚子、椰奶或淡奶油、糖水或冰糖。
肉松：（rousong 或 meat floss）是一种传统的中国肉制品，以其松软细腻的口感和浓郁的肉香而闻名。它是将肉类经过炖煮、撕碎、炒干并调味制成的干燥纤维状食品，常作为零食、配料或佐餐食用。
小麦淀粉: 纯淀粉，蛋白质含量极低，主要用于增稠（如汤、酱料）或制作透明面皮（如水晶饺子、肠粉）。
小麦粉：包含淀粉（约70-75%）、蛋白质（主要是面筋，8-15%）、少量脂肪、纤维和微量元素。广泛用于制作面食（如面包、面条、饺子皮），因面筋提供结构和弹性。
草莓果酱：用新鲜或冷冻草莓为主要原料，加入糖、柠檬汁等辅料，经过熬煮制成的果酱。
咸蛋黄肉松：是一种结合了咸蛋黄和肉松两种食材的美食搭配，在亚洲尤其是中国和东南亚地区非常受欢迎。
黄油薄脆：（Butter Crisps 或 Butter Crackers）是一种以黄油为主要风味特色的酥脆小点心，通常作为零食或下午茶的搭配食用。
奥利奥碎：（Oreo Crumbs）是指将奥利奥饼干（Oreo）碾碎或打碎后得到的细小颗粒，通常用于甜点制作或装饰。
水淀粉：（Water Starch）是一种由淀粉和水混合制成的液体，通常用于烹饪中作为勾芡或增稠的工具。它在中国菜中尤其常见，能让菜肴的汤汁更加浓稠、顺滑，提升口感和视觉效果。
荔浦芋头：广西壮族自治区桂林市荔浦市的特产，被誉为“中国芋头之王”。它因个头大、口感粉糯、香味独特而深受喜爱，不仅是广西地方美食的重要食材，还出口到国内外市场。

Cloudflare Pages 301 重定向

Tue, 25 Mar 2025 00:00:00 +0000

在 Cloudflare 的 Page Rules（页面规则）中，你可以通过以下步骤设置 301 重定向，将 www.example.com 重定向到 example.com：

步骤：

登录 Cloudflare，进入你的 站点管理界面。
在左侧菜单中，点击 Rules（规则），然后选择 Page Rules（页面规则）。
点击 Create Page Rule（创建页面规则）。
在 If the URL matches（如果 URL 匹配）字段输入：https://www.example.com/* （注意 * 号表示匹配 www.example.com 下的所有路径）
在 Then the settings are（然后执行以下设置）中选择 Forwarding URL（转发 URL）。
在 Select status code（选择状态码）下拉菜单中，选择 301 - Permanent Redirect（301 - 永久重定向）。
在 Enter destination URL（输入目标 URL）中填入：https://example.com/{$1},（$1 用于保留原始路径）
勾选 Preserve query string
点击 Save and Deploy（保存并部署）。

说明：

这样设置后，www.example.com/abc 会自动 301 重定向到 example.com/abc，确保所有子路径也正确跳转。
301 重定向是永久性重定向，有利于 SEO，使搜索引擎知道 example.com 是主站点。
确保 example.com 也在 Cloudflare 管理下，否则目标站点可能无法正确解析。

如果你的站点使用 Cloudflare 的 Redirect Rules（重定向规则），你也可以在 Rules > Redirect Rules 里进行类似的配置，推荐使用 301 永久重定向 以优化 SEO。

如何寻找外链

Thu, 20 Mar 2025 00:00:00 +0000

发掘外链是一个非常难的事情，需要长期积累。

使用谷歌高级搜索语法查找导航站

命令一

inurl:("submit" | "add") intitle:("submit" | "add") intext:("submit" | "add") "AI" OR "tool"

搜索 URL、标题、正文分别包含 “submit” 或 “add”，且页面中包含 “AI” 或 “tool” 的结果。

LLM基础知识

Wed, 19 Mar 2025 00:00:00 +0000

名词解释

Multimodal(多模态)

简单来说，多模态就是让 AI 能够理解和处理多种类型的信息，比如文字、图片、声音、视频等，而不是只处理单一类型的数据（比如只有文字）。

就像人类一样，我们不只是用“看”来理解世界，还会听、说、触摸、闻，AI 也是这样，多模态让 AI 变得更聪明，能同时处理不同类型的信息。

Google Adsense

Mon, 17 Mar 2025 00:00:00 +0000

Google 提供的一项在线广告服务，允许网站所有者通过展示广告来赚取收入。

名词解释

RPM(Revenue Per Mile) / 网页每千次展示收入

计算方式：（总收入 ÷ 总展示次数）× 1000
含义：每 1000 次广告展示所能带来的平均收入。不同类型的广告（展示广告、视频广告等）可能会有不同的 RPM 值。

eCPM(effective Cost Per Mille) / 每千次有效展示收入

在每 1,000 次广告展示中实际获得的平均收入。广告展示层面的效率指标，衡量每千次广告展示所带来的收入。国内网站的ECPM很有可能不到1美元，但是欧美等发达国家的ECPM可以达到3到6美元。

一些需要在GSC后台关注的报错信息

Sun, 16 Mar 2025 00:00:00 +0000

Duplicate without user-selected canonical

简单来说，这个错误信息意味着：

你的网站上有重复的内容：就像复印件一样，你的网站上有两个或多个网页，它们的内容非常相似或完全相同。你没有告诉谷歌哪个是“正版”：当有重复内容时，你需要告诉谷歌哪个网页是“正版”（也就是“规范网页”），这样谷歌才会知道应该优先展示哪个网页。谷歌自己做出了选择：因为你没有告诉谷歌哪个是“正版”，所以谷歌自己选择了一个它认为最好的网页。

SEO基础知识

Sat, 15 Mar 2025 00:00:00 +0000

SEO 入门

SEO 入门，可以看下面的几篇入门文章。

Ahrefs SEO 教程： SEO 初学者指南
谷歌 SEO 文档：谷歌 SEO 文档

名词解释

SEO

搜搜引擎优化，目的让网页能够在搜索页面 rank 到前面。

keyword/关键词

指用户在搜索引擎中输入的词语或短语。
可能是 1 个词语，也可能是多个词语组成的。

Search Volume

一般来讲，搜索引擎中，用户输入该关键词的平均每月搜索次数。

Next.js 基础知识

Sun, 02 Mar 2025 00:00:00 +0000

use client 指令

可以，简单总结就是：

`use client` 是什么

它是 Next.js 里的一个标记，表示：

这个组件要在浏览器端运行。

写了它之后，这个组件就变成 Client Component。

加了之后会怎样

1. 可以使用浏览器相关能力

比如：

React 基础知识

Sun, 02 Mar 2025 00:00:00 +0000

客户端渲染（Client Side Rendering）

服务端渲染（Server Side Rendering）

静态站点生成（Static Site Generation）

同构渲染（Isomorphic Rendering）

hydration

React Server Component

服务器组件可以在构建时在 CI 服务器上运行一次，
也可以使用 Web 服务器为每个请求运行。

可以不需要运行时服务器

只需要构建的时候有，就可以

React水合

Sun, 02 Mar 2025 00:00:00 +0000

什么是水合

React 中的 Hydration（水合） 是服务器端渲染（SSR, Server-Side Rendering）的关键步骤，它让静态的 HTML 内容在客户端“活起来”，变为可交互的动态应用。以下是详细解释：

Supabase 基础知识

Sun, 02 Mar 2025 00:00:00 +0000

Supabase Anon Key

Supabase 的匿名密钥（Anon Key）是用于访问 Supabase 数据库的密钥。它允许用户在不进行身份验证的情况下访问数据库，通常用于开发和测试环境。

RLS

Supabase 的安全核心是 RLS (Row Level Security)

DNS配置

Thu, 27 Feb 2025 00:00:00 +0000

WSL2配置

Thu, 27 Feb 2025 00:00:00 +0000

如何打开 WSL

下面两种方法：

在 windows 搜索框里搜索 Ubuntu，找到带有 WSL 后缀的 Ubuntu，点击打开
使用 Windows Terminal 直接打开

在 WSL 中打开 Cursor

在 WSL 的 /usr/local/bin 目录下创建名为 code 的脚本文件：

TailwindCSS 基础

Sun, 23 Feb 2025 00:00:00 +0000

Directive 指令

在 Tailwind CSS 中，Directive 是一种特殊的代码，用来告诉 Tailwind 该做什么。你可以把它想象成一种“命令”，用来生成样式或者做一些额外的处理。

PostgreSQL 基本知识

Tue, 18 Feb 2025 00:00:00 +0000

PostgreSQL 数据类型

类别	类型名称	描述
数值类型
	`SMALLINT`	2 字节小整数
	`INTEGER` (或 `INT`)	4 字节整数
	`BIGINT`	8 字节大整数
	`SMALLSERIAL`	2 字节自增整数
	`SERIAL`	4 字节自增整数
	`BIGSERIAL`	8 字节自增整数
	`REAL`	4 字节单精度浮点数
	`DOUBLE PRECISION`	8 字节双精度浮点数
	`NUMERIC` (或 `DECIMAL`)	精确小数
字符类型
	`CHAR(n)`	定长字符串
	`VARCHAR(n)`	变长字符串
	`TEXT`	无长度限制字符串
日期/时间类型
	`DATE`	日期
	`TIME`	时间
	`TIMESTAMP`	时间戳
	`INTERVAL`	时间间隔
布尔类型
	`BOOLEAN` (或 `BOOL`)	布尔值（true/false）
二进制类型
	`BYTEA`	二进制数据
几何类型
	`POINT`	点
	`LINE`	线
	`LSEG`	线段
	`BOX`	矩形框
	`PATH`	路径
	`POLYGON`	多边形
	`CIRCLE`	圆
网络地址类型
	`CIDR`	网络地址（CIDR 格式）
	`INET`	IP 地址
	`MACADDR`	MAC 地址
文本搜索类型
	`TSVECTOR`	文本搜索向量
	`TSQUERY`	文本搜索查询
UUID 类型
	`UUID`	通用唯一标识符
JSON 类型
	`JSON`	JSON 数据
	`JSONB`	二进制格式的 JSON 数据
数组类型
	`数据类型[]`	数组（如 `INTEGER[]`, `TEXT[]`）
其他类型
	`XML`	XML 数据
	`RANGE`	范围类型
	`DOMAIN`	自定义域类型
	`COMPOSITE`	复合类型

PostgreSQL 扩展

什么是扩展？

在 PostgreSQL 中，扩展是一种可以添加到数据库中的额外功能模块。它们提供了一些额外的功能、函数或数据类型，帮助你更方便地完成某些任务。你可以把扩展理解为 PostgreSQL 的“插件”。

数据库基本知识

Tue, 18 Feb 2025 00:00:00 +0000

参数化查询

参数化查询是 SQL 中一种安全且高效的查询方式，我用通俗易懂的方式来解释：

什么是参数化查询？

想象你在餐厅点餐，有两种方式：

直接告诉服务员：“我要一份宫保鸡丁，不要花生”
用菜单模板：选择菜品类型（川菜），然后填写具体要求（宫保鸡丁，去花生）

参数化查询就像第二种方式——先准备一个 SQL 模板，然后把具体的数据作为参数填入。

非对称加密

Fri, 07 Feb 2025 00:00:00 +0000

什么是公钥

非对称加密（Asymmetric Cryptography），也被称为公钥加密（Public-Key Cryptography），是现代网络安全和互联网信任体系的基石。

数据库函数

Fri, 07 Feb 2025 00:00:00 +0000

数据库函数是在数据库管理系统（DBMS）中预先定义好的，用于执行特定操作并返回结果的代码块。

在 Supabase 中，数据库函数通常用 SQL 或 PL/pgSQL（PostgreSQL 的过程语言）编写，但你也可以使用其他语言（如 JavaScript）来编写函数。

数字签名

Fri, 07 Feb 2025 00:00:00 +0000

数字签名是一种用于验证数字消息或文档真实性和完整性的技术。它类似于传统的手写签名，但使用密码学原理实现。

数字签名可以提供以下保证：

身份验证：确认消息或文档的发送者身份，防止他人冒充。
完整性：保证消息或文档在传输过程中没有被篡改。
不可否认性：发送者无法否认他们发送的消息或文档。

使用数字签名包含步骤：

生成数字签名

生成密钥对：

使用非对称加密算法（如 RSA）生成一对密钥：公钥和私钥。私钥由签名者安全保管，公钥可以公开。

Prompt List

Fri, 18 Oct 2024 00:00:00 +0000

Prompt List

Prompt: Design a landing page

I am developing a landing page for a SaaS software.

The main function is to generate an image based on user input, with the core keyword being ""

I hope you can create a landing page: the content should be SEO-friendly, include common sections of a landing page, have a total word count exceeding 650 words, and maintain an SEO keyword density of around 3% for the core keyword.

Tech Stack List

Mon, 01 Apr 2024 21:53:20 +0800

Front End

React.js

@chakra-ui: UI library
@shadcn/ui: UI library
@radix-ui: UI library
daisyUI: UI library: component library for Tailwind CSS
canvas-confetti: confetti animation
jotai: state management

Next.js

Plasmo

https://www.plasmo.com/ Help make browser extensions

TailwindCSS

tailwindui: https://tailwindui.com: components and templates, built by the makers of Tailwind CSS.
tailwindcomponents: Open source Tailwind UI components and templates
tailspark： https://tailspark.co/ ： Components & Templates built in Tailwind CSS

Google Fonts

Design

Figma

v0

https://v0.dev/

Service

Vercel

CloudFlare

domain name
DNS
CDN

Supabase

Payments & Subscriptions

Lemonsqueezy

Stripe

Marketing

Hacker News

ProductHunt

Launch and discover new tech products and ideas.

RPC

Mon, 01 Apr 2024 21:36:41 +0800

在 Supabase 中，RPC（Remote Procedure Call，远程过程调用）是一种允许你直接调用 PostgreSQL 数据库中的函数的机制。通过 RPC，你可以在 Supabase 中执行自定义的数据库函数，并将结果返回给客户端。这对于执行复杂的数据库操作或封装业务逻辑非常有用。

RPC

Mon, 01 Apr 2024 21:36:41 +0800

RPC（Remote Procedure Call，远程过程调用）是一种通信协议，允许一个程序在本地调用另一个地址空间（通常是远程服务器）上的函数或过程，就像调用本地函数一样。RPC 的目的是隐藏网络通信的复杂性，使得分布式系统中的远程调用对开发者透明。

Articles on Kevin's Blog

windows hello 介绍

Dokploy 中升级 Plausible 的完整流程

集成 dodopayments订阅支付

测试环境

配置步骤

新建 Brand

给新Brand 创建自己的产品

配置自己的 Webhook Endpoint

配置 API key

集成 cloudflare 的 Turnstile

变量

步骤

Turnstile widgets

AWS SES + AWS SNS 配合

配置 Identities

通过 DKIM authentication 验证身份

配置 SNS Topic

创建 SNS Topic

Clouflare Queue

是什么

目的

优势

解决了什么问题

集成 Paypal 支付

配置项: 最重要就是配置这几个

API Credentials

Webhook ID

获取配置项

创建订阅计划

step: 登录

支付方式

Paypal CN

Cloudflare Worker 介绍

Environment variables / 环境变量

运行时环境变量

build time环境变量

打造近乎免费的高端企业邮箱 (Cloudflare + AWS SES + Gmail)

1. 核心架构

2. 配置步骤 (Cheatsheet)

第一步：AWS SES 准备 (发信引擎)

第二步：DNS 配置 (Cloudflare)

在 Cloudflare Workers 上完美使用 Next.js Image 组件

creem.io提现

💰 核心资金链路

Wise注册

参考

Cloudflare R2介绍

R2 计费

存储费用（Standard storage）

国际化中对阿拉伯文的处理

注意

设置阿拉伯文的字体

设置 HTML dir 属性

DirectionProvider

ssl/tls

是什么

TLS/SSL 的作用

数字证书

🪪 什么是数字证书（Digital Certificate）

Docker介绍

Dokploy、Docker、Vercel 分别是什么

3.1 Docker

Dokploy介绍

3. Dokploy、Docker、Vercel 分别是什么

3.1 Docker

hostinger vps

必做事项

AWS SNS

什么是 AWS SNS

IMAP协议

什么是 IMAP

smtp入门和配置

介绍

SMTP 的作用

常用code agent

AI Code Agent

ChatGPT Codex

AGENTS.md

家庭常用药