-
+
+
-
{isZh ? 'CDN 引入' : 'CDN Setup'}
+ {/* Demo Build Section */}
+
+ {isZh ? '🚀 快速体验' : '🚀 Quick Try'}
-
- {isZh
- ? '通过 CDN 快速集成 page-agent，无需复杂的构建配置。默认使用演示模型。'
- : 'Fastest way to integrate page-agent via CDN. No complex build setup needed. Demo model will be used by default.'}
-
-
-
- {isZh ? 'CDN 地址' : 'CDN URLs'}
-
-
-
-
-
- | {isZh ? '位置' : 'Location'} |
- URL |
-
-
-
-
- | {isZh ? '全球' : 'Global'} |
- {CDN_URL} |
-
-
- | {isZh ? '中国镜像' : 'China Mirror'} |
- {CDN_CN_URL} |
-
-
-
-
{isZh ? '快速开始' : 'Quick Start'}
+
+ {isZh
+ ? '自动初始化并使用内置 Demo LLM，无需任何配置：'
+ : 'Auto-initializes with built-in demo LLM, no configuration needed:'}
+
`}
+ className="mb-3"
+ code={``}
/>
+
+
+
+ ⚠️{' '}
+ {isZh
+ ? '仅用于技术评估，Demo 模型有速率限制。'
+ : 'For evaluation only. Demo model has rate limits.'}
+
+
+
+
+
+
+ |
+ {isZh ? '位置' : 'Location'}
+ |
+ URL |
+
+
+
+
+ | {isZh ? '全球' : 'Global'} |
+ {CDN_DEMO_URL} |
+
+
+ | {isZh ? '中国' : 'China'} |
+ {CDN_DEMO_CN_URL} |
+
+
+
-
-
-
- ⚠️ {isZh ? '注意事项' : 'Notes'}
-
-
- -
- • {isZh ? '生产环境建议使用固定版本号' : 'Use fixed version number in production'}
-
- - • {isZh ? '确保 HTTPS 环境下使用' : 'Ensure HTTPS environment'}
- -
- •{' '}
- {isZh
- ? '配置 CSP 策略允许脚本执行'
- : 'Configure CSP policy to allow script execution'}
-
-
-
{isZh ? '📦 标准版' : '📦 Standard Build'}
+
+
+ {isZh
+ ? '将 PageAgent 类暴露到 globalThis，用法与 NPM 一致：'
+ : 'Exposes PageAgent class to globalThis, usage identical to NPM:'}
+
+
+
+`}
+ />
+
+
+
+
+ |
+ {isZh ? '位置' : 'Location'}
+ |
+ URL |
+
+
+
+
+ | {isZh ? '全球' : 'Global'} |
+ {CDN_FULL_URL} |
+
+
+ | {isZh ? '中国' : 'China'} |
+ {CDN_FULL_CN_URL} |
+
+
+
+
+
+ {/* Tips */}
+
+
+ 💡 {isZh ? '提示' : 'Tips'}
+
+
+ - • {isZh ? '生产环境推荐使用 NPM' : 'NPM is recommended for production'}
+ - • {isZh ? '生产环境建议锁定版本号' : 'Lock version number in production'}
+ - • {isZh ? '确保 HTTPS 环境' : 'Ensure HTTPS environment'}
+
)
diff --git a/packages/website/src/pages/docs/introduction/quick-start/page.tsx b/packages/website/src/pages/docs/introduction/quick-start/page.tsx
index 8e8c7e3..e92f139 100644
--- a/packages/website/src/pages/docs/introduction/quick-start/page.tsx
+++ b/packages/website/src/pages/docs/introduction/quick-start/page.tsx
@@ -2,10 +2,11 @@ import { useTranslation } from 'react-i18next'
import BetaNotice from '@/components/BetaNotice'
import CodeEditor from '@/components/CodeEditor'
-import { CDN_CN_URL, CDN_URL } from '@/constants'
+import { CDN_DEMO_CN_URL, CDN_DEMO_URL } from '@/constants'
export default function QuickStart() {
- const { t } = useTranslation('docs')
+ const { t, i18n } = useTranslation('docs')
+ const isZh = i18n.language === 'zh-CN'
return (
@@ -16,64 +17,62 @@ export default function QuickStart() {
{t('quick_start.installation')}
+ {/* Demo CDN - One Line */}
- {t('quick_start.step1_title')}
+ {isZh ? '🚀 快速体验（Demo CDN）' : '🚀 Quick Try (Demo CDN)'}
-
-
-
{t('quick_start.step1_cdn')}
-
`}
- language="html"
- />
-
-
-
{t('quick_start.step1_npm')}
-
-
+
+
+ ⚠️ {isZh ? '仅用于技术评估' : 'For evaluation only'}
+
+
`}
+ language="html"
+ />
+ {/* NPM - Recommended */}
- {t('quick_start.step2_title')}
+ {isZh ? '📦 NPM 安装（推荐）' : '📦 NPM Install (Recommended)'}
+ {t('quick_start.step2_title')}
+
+
+
+
+
+
{t('quick_start.step3_title')}