docs: 融入动态演示 GIF — 终端演示/功能对比/架构原理/自有域名模式

README.md

@@ -6,7 +6,7 @@
 
 **Cloudflare Tunnel 一键管理 CLI** — 让本地项目秒变公网可访问。
 
-[为什么选 cftunnel？](#why) · [安装](#install) · [快速上手](#quickstart) · [命令参考](#commands) · [AI 助手集成](#ai) · [交流](#contact)
+[为什么选 cftunnel？](#why) · [架构原理](#architecture) · [安装](#install) · [快速上手](#quickstart) · [命令参考](#commands) · [AI 助手集成](#ai) · [交流](#contact)
 
 关联项目：[cftunnel-app 桌面客户端](https://github.com/qingchencloud/cftunnel-app)（[下载](https://github.com/qingchencloud/cftunnel-app/releases)） · [ClawApp](https://github.com/qingchencloud/clawapp) · [OpenClaw 中文翻译](https://github.com/1186258278/OpenClawChineseTranslation)
 
@@ -21,12 +21,20 @@ cftunnel quick 3000
 # ✔ 隧道已启动: https://xxx-yyy-zzz.trycloudflare.com
 ```
 
+<p align="center">
+  <img src="docs/images/terminal-demo.gif" alt="cftunnel quick 演示" width="720">
+</p>
+
 **自有域名模式**（稳定持久）：4 条命令搞定 `init` → `create` → `add` → `up`
 
 cftunnel 把 Cloudflare Tunnel 的繁琐流程封装成极简 CLI，**免费、安全、无需公网 IP**。
 
 <h2 id="why">为什么选 cftunnel？</h2>
 
+<p align="center">
+  <img src="docs/images/compare-chart.gif" alt="功能对比" width="720">
+</p>
+
 | 对比项 | 原生 cloudflared | cftunnel |
 |--------|-----------------|----------|
 | 免域名穿透 | `cloudflared tunnel --url` 手动操作 | `cftunnel quick <端口>` 一条命令 |
@@ -40,6 +48,23 @@ cftunnel 把 Cloudflare Tunnel 的繁琐流程封装成极简 CLI，**免费、
 
 <p align="right"><a href="#cftunnel">⬆ 回到顶部</a></p>
 
+<h2 id="architecture">架构原理</h2>
+
+<p align="center">
+  <img src="docs/images/architecture.gif" alt="cftunnel 架构原理" width="720">
+</p>
+
+cftunnel 的工作流程：
+
+1. **cftunnel CLI** 作为管理器，负责配置管理和进程编排
+2. 自动下载并启动 **cloudflared** 守护进程
+3. cloudflared 与 **Cloudflare Edge** 建立加密隧道
+4. 互联网用户通过 Cloudflare 全球边缘节点访问你的本地服务
+
+整个过程无需公网 IP，流量经过 Cloudflare 全球 CDN 加速，自带 HTTPS。
+
+<p align="right"><a href="#cftunnel">⬆ 回到顶部</a></p>
+
 <h2 id="features">特性</h2>
 
 - **免域名模式** — `cftunnel quick <端口>`，零配置生成 `*.trycloudflare.com` 临时公网地址
@@ -114,6 +139,10 @@ cftunnel quick 3000
 
 ### 方式二：自有域名模式
 
+<p align="center">
+  <img src="docs/images/custom-domain.gif" alt="自有域名模式演示" width="720">
+</p>
+
 #### 1. 准备 Cloudflare API Token
 
 > 前提：你需要一个 Cloudflare 账户和至少一个已添加的域名。