小吒博客 https://xiaozha.org/ 一个NotionNext搭建的博客 Mon, 27 Jul 2026 16:57:46 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed zh-CN All rights reserved 2026, 小吒博客 <![CDATA[Vaultwarden 自托管密码管理器：告别 1Password 年费，数据自己掌控]]> https://xiaozha.org/article/bitwarden-self-host https://xiaozha.org/article/bitwarden-self-host Tue, 21 Jul 2026 00:00:00 GMT
notion image
1Password 一年要 $36？Vaultwarden 自托管完全免费，且数据自己掌控。

一、为什么选 Vaultwarden

  • 完全免费开源
  • 兼容 Bitwarden 客户端
  • 资源占用低（10MB 内存）
  • Docker 一键部署
  • 密码完全自己掌控

二、Docker 部署

docker-compose.yml：
启动：

三、Cloudflare Tunnel 暴露

四、客户端配置

下载 Bitwarden 客户端，服务器地址填入你的域名，即可使用。

五、安全建议

  1. 启用 2FA
  1. 关闭公开注册（注册完成后设置 SIGNUPS_ALLOWED=false）
  1. 定期备份 data 目录
  1. 配置 fail2ban 防爆破

六、迁移自 1Password

  1. 1Password 导出 CSV
  1. Bitwarden 网页端导入
  1. 验证无误后删除 1Password 数据
]]> <![CDATA[登陆宝塔面板访问404]]> https://xiaozha.org/article/bt-panel-404 https://xiaozha.org/article/bt-panel-404 Fri, 17 Apr 2026 00:00:00 GMT

问题

今天首先突然发现自己的另一个word press网站白屏，想着通过宝塔面板登陆进去查看以下原因，结果发现登陆宝塔面板居然报404

错误表现

首先在网上搜索，但是网上很多博主的建议就是宝塔面板端口没开放、或者没有输入正确的安全入口，建议运行BT 14命令查看正确的端口和安全入口，但是事实上，我可以很确定的说这种低级错误是没有犯的，很确认输入的IP+端口+安全入口正常
使用HTTPS访问提示"此网站无法提供安全连接"，使用HTTP访问提示"404 Not Found"
notion image
notion image

解决方案

在通过查询网站无果后，采用带AI助手的SSH终端进行查询解决，最终发现了问题
notion image
原来是宝塔面板端口被占用，然后再次检查是被哪个服务占用，结果告诉我是Nginx占用
notion image
找到问题就好解决了，将宝塔面板的登陆端口改一下，我这边改成8888测试，然后再将服务器管理后台的宝塔安全防火墙入口8888开放，然后就正常了
]]> <![CDATA[Claude Sonnet 4 全面解析：编程能力登顶，Claude Code 玩法详解]]> https://xiaozha.org/article/claude-sonnet-4 https://xiaozha.org/article/claude-sonnet-4 Tue, 21 Jul 2026 00:00:00 GMT
notion image
Anthropic 正式发布 Claude Sonnet 4，编码能力登顶各类基准测试榜首。本文带你了解 Sonnet 4 的核心特性、Claude Code 工具使用，以及与 GPT、DeepSeek 等主流模型的对比。

一、Claude Sonnet 4 核心特性

1. 编程能力突破

Sonnet 4 在 SWE-bench Verified 基准上达到 72.7% 的得分，超越所有同类模型。具体提升：
  • 多文件重构更稳定
  • 长代码库上下文理解提升 30%
  • 调试能力接近资深工程师水平

2. 推理深度增强

相比 Sonnet 3.5，Sonnet 4 的复杂推理能力提升明显。在数学竞赛、逻辑谜题、代码竞赛等任务中表现突出。

二、Claude Code 工具详解

Claude Code 是 Anthropic 推出的命令行 AI 编程助手：

核心功能

  • 代码理解：自动索引项目结构
  • 智能编辑：支持多文件协同修改
  • Git 集成：自动创建 commit 和 PR
  • 测试驱动：可以自动运行测试验证修改

三、API 使用示例

四、模型对比

模型
编程能力
推理能力
价格（输入/输出）
Claude Sonnet 4
9.5/10
9.5/10
$3/$15 per 1M
GPT-5.6
9.0/10
9.0/10
$3/$12 per 1M
DeepSeek V4
8.8/10
8.5/10
$0.14/$0.28 per 1M

五、总结

Claude Sonnet 4 是当前编程能力最强的大模型之一，配合 Claude Code 工具可以显著提升开发效率。如果你的项目对代码质量要求高，强烈建议尝试。
]]> <![CDATA[🚀 Cloudflare Drop 完全指南：零门槛拖拽部署静态网站，无需注册账号]]> https://xiaozha.org/article/cloudflare-drop-guide https://xiaozha.org/article/cloudflare-drop-guide Tue, 21 Jul 2026 00:00:00 GMT

🚀 Cloudflare Drop 完全指南：零门槛拖拽部署静态网站，无需注册账号

notion image

一、引言：部署网站从未如此简单

还记得第一次部署静态网站时的繁琐流程吗？买服务器、配环境、装 Nginx、申请 SSL 证书、配置 DNS……一套下来少说也要大半天。
2026 年 7 月 8 日，Cloudflare 悄悄上线了一款让所有前端开发者眼前一亮的新产品——Cloudflare Drop。它的定位极其简单：你不需要注册账号，不需要配置服务器，甚至不需要懂技术，只要把文件拖进去，网站就上线了。
这种「先部署、后注册」的逆向流程，在静态网站托管领域算是开了个新口子。今天我们就来全方位体验一下这款产品。

二、Cloudflare Drop 是什么？

核心定位

Cloudflare Drop 是一款零门槛静态网站临时部署工具，用户只需将包含 HTML、CSS、JavaScript、图片或字体等静态资源的本地文件夹拖拽到网页上，几秒钟内就能获得一个可公开访问的网址。

主要特性

特性
说明
**无需注册**
不用创建账号，打开浏览器就能用
**拖拽部署**
拖个文件夹进去，几秒上线
**全球 CDN**
依托 Cloudflare 全球边缘网络加速
**HTTPS 自动**
自动配置 SSL 证书
**免费使用**
基础功能完全免费
**自定义域名**
注册后可绑定自有域名

支持的文件类型

  • HTML / CSS / JavaScript
  • 图片（PNG、JPG、SVG、WebP 等）
  • 字体文件（WOFF、WOFF2 等）
  • 纯文本、Markdown、PDF 等静态文件
不支持：服务端脚本（PHP、Node.js 等）、数据库、需要运行时环境的动态网站。

三、快速上手：三步上线你的网站

第一步：准备静态文件

首先确保你有一个包含静态资源的文件夹，最简单的例子：
一个最简单的 index.html 示例：

第二步：拖拽部署

  1. 打开 Cloudflare Drop 官网
  1. 直接把你的网站文件夹拖到页面中央
  1. 等待几秒钟上传和部署
  1. 部署完成后，你会得到一个形如 https://xxx.drop.cloudflare.dev 的网址
就是这么简单！从拖拽到上线，真的只需要几秒钟。

第三步：进阶管理（可选）

如果你想管理已部署的网站、绑定自定义域名或延长过期时间，可以点击页面上的 "Sign up to claim" 按钮，用 Cloudflare 账号登录认领。
认领后你可以：
  • 查看部署历史
  • 删除已部署的网站
  • 绑定自定义域名
  • 设置更长的有效期
  • 查看访问统计

四、与 Cloudflare Pages 的区别

很多人会问：Cloudflare 不是已经有 Pages 了吗？Drop 和 Pages 有什么区别？
对比维度
Cloudflare Drop
Cloudflare Pages
**上手门槛**
极低，拖拽即用
需要注册账号、配置项目
**部署速度**
几秒内上线
需要构建流程，通常几十秒到几分钟
**是否需要注册**
不需要（但功能有限）
需要
**Git 集成**
不支持
支持 GitHub/GitLab 自动部署
**构建功能**
不支持（纯静态）
支持框架构建（Next.js、Astro 等）
**Functions**
不支持
支持 Pages Functions
**适用场景**
快速原型、临时演示、分享Demo
正式项目、生产环境
简单总结：
  • Drop = 快速、临时、零门槛，适合做 Demo、分享原型
  • Pages = 完整、强大、生产级，适合正式项目

五、使用场景推荐

1. 快速原型展示

做了一个前端 Demo 想给客户或朋友看？不用买服务器，拖进去直接发链接。

2. 临时活动页面

搞活动需要一个临时落地页？用 Drop 几分钟就能上线，活动结束直接删掉。

3. 学习前端开发

刚学 HTML/CSS，想让别人看看你的作品？Drop 是最低成本的展示方式。

4. 文档分享

把 Markdown 转成 HTML 后部署，比直接发文件体验好太多。

5. Bug 复现演示

给开源项目提 Bug 时，用 Drop 部署一个最小复现示例，比描述半天清楚得多。

六、注意事项与限制

免费版限制

  • 单文件大小限制
  • 总存储空间有限
  • 未认领的网站有过期时间（约 30 天）
  • 流量限制（普通使用足够）

不适合的场景

  • 需要后端逻辑的动态网站
  • 对数据安全要求极高的场景（免费版无密码保护）
  • 需要 SEO 优化的正式网站（建议用 Pages 或 Workers Sites）

安全提示

  • 不要部署包含敏感信息的页面
  • 不要上传违法违规内容
  • 生产环境建议使用 Cloudflare Pages 等正式产品

七、进阶技巧

1. 单文件也能部署

不一定非要文件夹，你甚至可以直接拖一个 index.html 文件进去，同样能部署。

2. 配合前端框架使用

虽然 Drop 不支持构建，但你可以：
  1. 在本地先执行 npm run build 构建
  1. 把构建产物（通常是 dist 或 build 文件夹）拖到 Drop
  1. 秒级上线
对于 Vue、React、Astro 等框架都适用。

3. 自定义 404 页面

在根目录放一个 404.html 文件，Cloudflare Drop 会自动识别作为 404 页面。

4. 配置重定向

在根目录创建 _redirects 文件，可以配置 URL 重定向规则：

八、总结

Cloudflare Drop 虽然功能简单，但它切中了一个非常精准的需求："我就是想快速把一个静态页面放到网上，越简单越好"。
对于开发者来说，它是一个绝佳的 Demo 展示工具；对于初学者来说，它是 最低门槛的建站入门；对于团队协作来说，它是 快速分享原型的利器。
如果你还没试过，不妨现在就打开 drop.cloudflare.com，拖一个 HTML 文件进去感受一下——几秒钟拥有自己的网站，这种感觉真的很爽。
相关链接：
]]> <![CDATA[Cloudflare R2 对象存储完全指南：10GB 免费存储，替代 S3 的最佳选择]]> https://xiaozha.org/article/cloudflare-r2-storage https://xiaozha.org/article/cloudflare-r2-storage Tue, 21 Jul 2026 00:00:00 GMT
notion image
Cloudflare R2 提供 10GB 免费存储 + 零出口流量费，是 AWS S3 的最佳免费替代品。本文详解使用方法。

一、R2 核心优势

  • 10GB 免费存储永久免费
  • 零出口流量费（S3 这部分很贵）
  • S3 兼容 API：现有工具无缝迁移
  • 全球 CDN 加速

二、快速开始

1. 创建 R2 存储桶

登录 Cloudflare Dashboard → R2 → Create Bucket

2. 获取 API 凭证

创建 API Token，配置 S3 客户端：

3. 上传文件

三、绑定自定义域名

  1. R2 Dashboard → 你的 Bucket → Settings
  1. Public Access → Connect Domain
  1. 输入你的子域名（如 cdn.example.com）
  1. Cloudflare 自动配置 DNS

四、典型使用场景

  • 博客图片存储
  • 静态资源 CDN
  • 备份文件存储
  • 用户上传文件
]]> <![CDATA[🚀 免费内网穿透！Cloudflare Tunnel 实战教程，让本地AI服务触达全球]]> https://xiaozha.org/article/cloudflare-tunnel-tutorial https://xiaozha.org/article/cloudflare-tunnel-tutorial Tue, 21 Jul 2026 00:00:00 GMT
notion image
在 AI 工具百花齐放的 2026 年，越来越多开发者会在本地部署大模型、AI 编程助手、NextChat 这类服务。但问题随之而来：如何让外网访问家里的本地服务？ 传统方案要么买公网 IP，要么用付费的 frp/ngrok，成本和维护都不小。今天就分享一个完全免费的解决方案——Cloudflare Tunnel。

一、为什么选择 Cloudflare Tunnel？

Cloudflare Tunnel（前身为 Argo Tunnel）是 Cloudflare 提供的免费内网穿透服务。它的核心思路很巧妙：你不需要公网 IP，也不需要在路由器上开端口，只要在本机跑一个 cloudflared 客户端，它会主动向 Cloudflare 建立一条长连接，把外部请求反向代理到你本地的服务。
相比传统内网穿透方案，它有几个压倒性优势：
  • 完全免费：不限流量、不限带宽，个人使用 0 成本
  • 无需公网 IP：家里宽带、移动网络、办公室都能用
  • 自带 HTTPS：Cloudflare 自动签发证书，告别自己配 Let's Encrypt
  • 安全可靠：不暴露真实 IP，所有流量经过 Cloudflare 的 WAF 和 DDoS 防护
  • 全球加速：依托 Cloudflare 300+ 边缘节点，访问速度极快
  • 自定义域名：可绑定自己的域名，专业又美观

二、准备工作

开始之前，你需要准备：
  1. 一个 Cloudflare 账号（免费注册即可）
  1. 一个托管在 Cloudflare 的域名（免费域名也可以，参考本博客之前的 Gname eu.cc 教程）
  1. 本地一个正在运行的服务（比如 localhost:3000 的 NextChat）

三、安装 cloudflared 客户端

Windows 系统

推荐使用 winget 直接安装：
或者去 GitHub Releases 下载 .msi 安装包，双击安装即可。

macOS 系统

Linux 系统

安装完成后验证：

四、快速体验：Quick Tunnel（临时隧道）

如果你只是临时给同事演示一下本地项目，不想配置域名，可以用 Quick Tunnel 一行命令搞定：
执行后终端会输出一个形如 https://random-words-xxx.trycloudflare.com 的临时网址，把这个网址发给别人就能访问你的本地服务了。
⚠️ **注意**：Quick Tunnel 是临时的，客户端关闭后网址立即失效，域名也是随机分配的。长期使用请按下面的方式配置命名隧道。

五、正式配置：命名隧道（长期稳定）

1. 登录 Cloudflare

浏览器会自动打开授权页面，选择你要使用的域名（比如 example.com），点击授权。系统会在 ~/.cloudflared/ 下生成 cert.pem 凭证文件。

2. 创建隧道

执行后会输出一个隧道 UUID，同时在 ~/.cloudflared/ 目录下生成 <UUID>.json 凭证文件，请妥善保管。

3. 配置 DNS 记录

把子域名指向隧道（无需手动去 Cloudflare 控制台添加，命令会自动帮你配置）：
执行完毕后，Cloudflare 会自动为 ai.example.com 创建一条 CNAME 记录，指向 <UUID>.cfargotunnel.com。

4. 编写配置文件

在 ~/.cloudflared/ 下新建 config.yml：

5. 启动隧道

打开浏览器访问 https://ai.example.com，是不是已经能访问你的本地服务了？而且自动带 HTTPS！

六、设置开机自启

生产环境当然不能一直开着终端，配置成系统服务更省心。

Linux（systemd）

Windows

以管理员身份打开 PowerShell：
服务会注册为 Cloudflared，可在 services.msc 中管理启动类型。

七、实战场景：暴露本地 Ollama 大模型 API

下面演示一个真实场景——把本地的 Ollama 大模型 API 暴露到公网，方便在外面用手机调用。
Step 1：本地启动 Ollama（默认监听 127.0.0.1:11434）
为了让局域网外能访问，先设置环境变量让 Ollama 监听所有网卡：
Step 2：在 config.yml 中新增一条 ingress 规则：
Step 3：重启 cloudflared，然后用 curl 测试：
搞定！现在你在任何地方都能调用家里的本地大模型了。

八、安全加固建议

把服务暴露到公网后，安全一定要跟上：
  1. 开启 Cloudflare Access：在 Zero Trust 控制台为隧道配置身份验证（邮箱 OTP、GitHub 登录等），只有授权用户才能访问
  1. 限制访问路径：用 originRequest 配置仅暴露必要的 API 路径
  1. 开启速率限制：在 Cloudflare Dashboard 设置 WAF 规则，防止恶意刷接口
  1. 定期检查日志：通过 cloudflared tunnel list 和 Cloudflare 控制台查看访问记录

九、常见问题排查

Q1：访问显示 502 Bad Gateway？

检查本地服务是否正常运行，config.yml 中的端口是否正确。cloudflared 必须能从本机访问到 service 地址。

Q2：DNS 解析不生效？

Cloudflare DNS 通常 1 分钟内生效。可以用 nslookup ai.example.com 验证是否解析到了 cfargotunnel.com。

Q3：如何同时运行多个隧道？

在 config.yml 中通过不同的 hostname 区分即可，一个隧道可以代理多个服务，无需创建多个隧道实例。

十、总结

Cloudflare Tunnel 是目前最适合个人开发者的内网穿透方案：免费、安全、稳定、配置简单。无论是暴露本地 AI 服务、远程访问 NAS、还是给客户演示本地项目，它都能轻松胜任。配合本博客之前介绍的 Cloudflare Workers 建站、Cloudflare 域名邮箱，你已经可以用 Cloudflare 全家桶搭建一套完整的个人云基础设施了。
下一篇文章我们将继续探索 Cloudflare 生态，敬请关注「小吒の博客」的后续更新。
]]>