docs(readme): add quick demo video to localized READMEs (#1486)

* docs(README): add quick demo section with video link and image * docs(README): update demo video link * docs(i18n): add quick demo section with video link and image for multiple languages --------- Co-authored-by: Dean <afei.wuhao@gmail.com>
2026-06-06 05:51:19 +08:00 · 2026-04-19 18:07:59 +08:00
parent 851f152c50
commit 1ba50bdedf
8 changed files with 170 additions and 66 deletions
--- a/README.md
+++ b/README.md
@@ -45,6 +45,20 @@ Open **http://127.0.0.1:3000**. Done.

 ---

+## Quick Demo
+
+<p align="center">
+  <a href="https://drive.google.com/file/d/1frzw-HDZ3viQvLOQKsAJGc9bT0dXs68D/view">
+    <img src="screenshots/demo-cover.png" alt="NOFX quick demo video" width="900"/>
+  </a>
+</p>
+
+<p align="center">
+  Click the cover image to watch the demo video.
+</p>
+
+---
+
 ## How x402 Works

 Traditional flow: register account → buy credits → get API key → manage quota → rotate keys.
@@ -60,7 +74,7 @@ No accounts. No API keys. No prepaid credits. One wallet, every model.
 ### Built-in x402 Providers

 | Provider                                                                                                                           | Chain | Models                                                                |
-|:---------|:------|:-------|
+| :--------------------------------------------------------------------------------------------------------------------------------- | :---- | :-------------------------------------------------------------------- |
 | <img src="web/public/icons/claw402.png" width="20" height="20" style="vertical-align: middle;"/> **[Claw402](https://claw402.ai)** | Base  | GPT-5.4, Claude Opus, DeepSeek, Qwen, Grok, Gemini, Kimi — 15+ models |

 ---
@@ -68,7 +82,7 @@ No accounts. No API keys. No prepaid credits. One wallet, every model.
 ## What It Does

 | Feature             | Description                                                               |
-|:--------|:------------|
+| :------------------ | :------------------------------------------------------------------------ |
 | **Multi-AI**        | DeepSeek, Qwen, GPT, Claude, Gemini, Grok, Kimi, MiniMax — switch anytime |
 | **Multi-Exchange**  | Binance, Bybit, OKX, Bitget, KuCoin, Gate, Hyperliquid, Aster, Lighter    |
 | **Strategy Studio** | Visual builder — coin sources, indicators, risk controls                  |
@@ -83,7 +97,7 @@ Crypto · US Stocks · Forex · Metals
 ### Exchanges (CEX)

 | Exchange                                                                                                              | Status | Register (Fee Discount)                                                              |
-|:---------|:------:|:------------------------|
+| :-------------------------------------------------------------------------------------------------------------------- | :----: | :----------------------------------------------------------------------------------- |
 | <img src="web/public/exchange-icons/binance.jpg" width="20" height="20" style="vertical-align: middle;"/> **Binance** |   ✅   | [Register](https://www.binance.com/join?ref=NOFXENG)                                 |
 | <img src="web/public/exchange-icons/bybit.png" width="20" height="20" style="vertical-align: middle;"/> **Bybit**     |   ✅   | [Register](https://partner.bybit.com/b/83856)                                        |
 | <img src="web/public/exchange-icons/okx.svg" width="20" height="20" style="vertical-align: middle;"/> **OKX**         |   ✅   | [Register](https://www.okx.com/join/1865360)                                         |
@@ -94,7 +108,7 @@ Crypto · US Stocks · Forex · Metals
 ### Exchanges (Perp-DEX)

 | Exchange                                                                                                                      | Status | Register (Fee Discount)                                 |
-|:---------|:------:|:------------------------|
+| :---------------------------------------------------------------------------------------------------------------------------- | :----: | :------------------------------------------------------ |
 | <img src="web/public/exchange-icons/hyperliquid.png" width="20" height="20" style="vertical-align: middle;"/> **Hyperliquid** |   ✅   | [Register](https://app.hyperliquid.xyz/join/AITRADING)  |
 | <img src="web/public/exchange-icons/aster.svg" width="20" height="20" style="vertical-align: middle;"/> **Aster DEX**         |   ✅   | [Register](https://www.asterdex.com/en/referral/fdfc0e) |
 | <img src="web/public/exchange-icons/lighter.png" width="20" height="20" style="vertical-align: middle;"/> **Lighter**         |   ✅   | [Register](https://app.lighter.xyz/?referral=68151432)  |
@@ -102,7 +116,7 @@ Crypto · US Stocks · Forex · Metals
 ### AI Models (API Key Mode)

 | AI Model                                                                                                         | Status | Get API Key                                         |
-|:---------|:------:|:------------|
+| :--------------------------------------------------------------------------------------------------------------- | :----: | :-------------------------------------------------- |
 | <img src="web/public/icons/deepseek.svg" width="20" height="20" style="vertical-align: middle;"/> **DeepSeek**   |   ✅   | [Get API Key](https://platform.deepseek.com)        |
 | <img src="web/public/icons/qwen.svg" width="20" height="20" style="vertical-align: middle;"/> **Qwen**           |   ✅   | [Get API Key](https://dashscope.console.aliyun.com) |
 | <img src="web/public/icons/openai.svg" width="20" height="20" style="vertical-align: middle;"/> **OpenAI (GPT)** |   ✅   | [Get API Key](https://platform.openai.com)          |
@@ -124,40 +138,44 @@ Crypto · US Stocks · Forex · Metals
 <summary><b>Config Page</b></summary>

 |                    AI Models & Exchanges                     |                         Traders List                         |
-|:---:|:---:|
+| :----------------------------------------------------------: | :----------------------------------------------------------: |
 | <img src="screenshots/config-ai-exchanges.png" width="400"/> | <img src="screenshots/config-traders-list.png" width="400"/> |
+
 </details>

 <details>
 <summary><b>Dashboard</b></summary>

 |                        Overview                         |                          Market Chart                           |
-|:---:|:---:|
+| :-----------------------------------------------------: | :-------------------------------------------------------------: |
 | <img src="screenshots/dashboard-page.png" width="400"/> | <img src="screenshots/dashboard-market-chart.png" width="400"/> |

 |                          Trading Stats                           |                          Position History                           |
-|:---:|:---:|
+| :--------------------------------------------------------------: | :-----------------------------------------------------------------: |
 | <img src="screenshots/dashboard-trading-stats.png" width="400"/> | <img src="screenshots/dashboard-position-history.png" width="400"/> |

 |                          Positions                           |                    Trader Details                     |
-|:---:|:---:|
+| :----------------------------------------------------------: | :---------------------------------------------------: |
 | <img src="screenshots/dashboard-positions.png" width="400"/> | <img src="screenshots/details-page.png" width="400"/> |
+
 </details>

 <details>
 <summary><b>Strategy Studio</b></summary>

 |                     Strategy Editor                      |                      Indicators Config                       |
-|:---:|:---:|
+| :------------------------------------------------------: | :----------------------------------------------------------: |
 | <img src="screenshots/strategy-studio.png" width="400"/> | <img src="screenshots/strategy-indicators.png" width="400"/> |
+
 </details>

 <details>
 <summary><b>Competition</b></summary>

 |                     Competition Mode                      |
-|:---:|
+| :-------------------------------------------------------: |
 | <img src="screenshots/competition-page.png" width="400"/> |
+
 </details>

 ---
@@ -229,12 +247,14 @@ Everything through the web UI at **http://127.0.0.1:3000**.
 ## Deploy to Server

 **HTTP (quick):**
+
 ```bash
 curl -fsSL https://raw.githubusercontent.com/NoFxAiOS/nofx/main/install.sh | bash
 # Access via http://YOUR_IP:3000
 ```

 **HTTPS (Cloudflare):**
+
 1. Add domain to [Cloudflare](https://dash.cloudflare.com) (free plan)
 2. A record → your server IP (Proxied)
 3. SSL/TLS → Flexible
@@ -273,7 +293,7 @@ curl -fsSL https://raw.githubusercontent.com/NoFxAiOS/nofx/main/install.sh | bas
 ## Docs

 |                                                         |                                       |
-|:--|:--|
+| :------------------------------------------------------ | :------------------------------------ |
 | [Architecture](docs/architecture/README.md)             | System design and module index        |
 | [Strategy Module](docs/architecture/STRATEGY_MODULE.md) | Coin selection, AI prompts, execution |
 | [FAQ](docs/faq/README.md)                               | Common questions                      |
@@ -292,7 +312,7 @@ All contributions are tracked. When NOFX generates revenue, contributors receive
 **[Pinned Issues](https://github.com/NoFxAiOS/nofx/issues) get the highest rewards.**

 | Contribution      | Weight |
-|:-------------|:------:|
+| :---------------- | :----: |
 | Pinned Issue PRs  | ★★★★★★ |
 | Code (Merged PRs) | ★★★★★  |
 | Bug Fixes         |  ★★★★  |
@@ -305,7 +325,7 @@ All contributions are tracked. When NOFX generates revenue, contributors receive
 ## Links

 |           |                                                       |
-|:--|:--|
+| :-------- | :---------------------------------------------------- |
 | Website   | [nofxai.com](https://nofxai.com)                      |
 | Dashboard | [nofxos.ai/dashboard](https://nofxos.ai/dashboard)    |
 | API Docs  | [nofxos.ai/api-docs](https://nofxos.ai/api-docs)      |
--- a/docs/i18n/ja/README.md
+++ b/docs/i18n/ja/README.md
@@ -45,6 +45,20 @@ curl -fsSL https://raw.githubusercontent.com/NoFxAiOS/nofx/main/install.sh | bas

 ---

+## クイックデモ
+
+<p align="center">
+  <a href="https://drive.google.com/file/d/1frzw-HDZ3viQvLOQKsAJGc9bT0dXs68D/view">
+    <img src="../../../screenshots/demo-cover.png" alt="NOFX クイックデモ動画" width="900"/>
+  </a>
+</p>
+
+<p align="center">
+  カバー画像をクリックするとデモ動画を視聴できます。
+</p>
+
+---
+
 ## x402 の仕組み

 従来のフロー：アカウント登録 → クレジット購入 → API キー取得 → クォータ管理 → キーのローテーション。
--- a/docs/i18n/ko/README.md
+++ b/docs/i18n/ko/README.md
@@ -45,6 +45,20 @@ curl -fsSL https://raw.githubusercontent.com/NoFxAiOS/nofx/main/install.sh | bas

 ---

+## 빠른 데모
+
+<p align="center">
+  <a href="https://drive.google.com/file/d/1frzw-HDZ3viQvLOQKsAJGc9bT0dXs68D/view">
+    <img src="../../../screenshots/demo-cover.png" alt="NOFX 빠른 데모 영상" width="900"/>
+  </a>
+</p>
+
+<p align="center">
+  커버 이미지를 클릭하면 데모 영상을 볼 수 있습니다.
+</p>
+
+---
+
 ## x402 작동 방식

 기존 플로우: 계정 등록 → 크레딧 구매 → API 키 받기 → 쿼터 관리 → 키 교체.
--- a/docs/i18n/ru/README.md
+++ b/docs/i18n/ru/README.md
@@ -45,6 +45,20 @@ curl -fsSL https://raw.githubusercontent.com/NoFxAiOS/nofx/main/install.sh | bas

 ---

+## Быстрое демо
+
+<p align="center">
+  <a href="https://drive.google.com/file/d/1frzw-HDZ3viQvLOQKsAJGc9bT0dXs68D/view">
+    <img src="../../../screenshots/demo-cover.png" alt="Видео быстрого демо NOFX" width="900"/>
+  </a>
+</p>
+
+<p align="center">
+  Нажмите на изображение обложки, чтобы посмотреть демо-видео.
+</p>
+
+---
+
 ## Как работает x402

 Традиционный процесс: регистрация → покупка кредитов → получение API ключа → управление квотой → ротация ключей.
--- a/docs/i18n/uk/README.md
+++ b/docs/i18n/uk/README.md
@@ -45,6 +45,20 @@ curl -fsSL https://raw.githubusercontent.com/NoFxAiOS/nofx/main/install.sh | bas

 ---

+## Швидке демо
+
+<p align="center">
+  <a href="https://drive.google.com/file/d/1frzw-HDZ3viQvLOQKsAJGc9bT0dXs68D/view">
+    <img src="../../../screenshots/demo-cover.png" alt="Відео швидкого демо NOFX" width="900"/>
+  </a>
+</p>
+
+<p align="center">
+  Натисніть на зображення обкладинки, щоб переглянути демо-відео.
+</p>
+
+---
+
 ## Як працює x402

 Традиційний процес: реєстрація → купівля кредитів → отримання API ключа → управління квотою → ротація ключів.
--- a/docs/i18n/vi/README.md
+++ b/docs/i18n/vi/README.md
@@ -45,6 +45,20 @@ Mở **http://127.0.0.1:3000**. Xong.

 ---

+## Demo nhanh
+
+<p align="center">
+  <a href="https://drive.google.com/file/d/1frzw-HDZ3viQvLOQKsAJGc9bT0dXs68D/view">
+    <img src="../../../screenshots/demo-cover.png" alt="Video demo nhanh của NOFX" width="900"/>
+  </a>
+</p>
+
+<p align="center">
+  Nhấp vào ảnh bìa để xem video demo.
+</p>
+
+---
+
 ## x402 hoạt động như thế nào

 Quy trình truyền thống: đăng ký tài khoản → mua credits → lấy API key → quản lý quota → xoay key.
--- a/docs/i18n/zh-CN/README.md
+++ b/docs/i18n/zh-CN/README.md
@@ -47,6 +47,20 @@ curl -fsSL https://raw.githubusercontent.com/NoFxAiOS/nofx/main/install.sh | bas

 ---

+## 快速演示
+
+<p align="center">
+  <a href="https://drive.google.com/file/d/1frzw-HDZ3viQvLOQKsAJGc9bT0dXs68D/view">
+    <img src="../../../screenshots/demo-cover.png" alt="NOFX 快速演示视频" width="900"/>
+  </a>
+</p>
+
+<p align="center">
+  点击封面图即可观看 Demo 视频。
+</p>
+
+---
+
 ## x402 如何工作

 传统流程：注册账号 → 购买额度 → 获取 API Key → 管理配额 → 轮换密钥。
--- a/screenshots/demo-cover.png
+++ b/screenshots/demo-cover.png