sususu/xcodecli-shells
Private
Public Access
1
0
Fork 0
Code Activity

feat: 添加 XCodeClaw 飞书机器人配置指南与产品介绍页
All checks were successful
Deploy to Cloudflare Pages / deploy (push) Successful in 43s

Browse Source
This commit is contained in:
sususu98
2026-03-09 23:06:38 +08:00
parent 32e7070bed
commit 59a0d78801
21 changed files with 630 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

345
docs/xcodeclaw.md Normal file
View File

@@ -0,0 +1,345 @@
---
title: XCodeClaw - AI 学术助手
---
<div class="xclaw-page">
<!-- Hero -->
<div class="xclaw-hero">
<img class="xclaw-hero-bg" src="./assets/feishu/promo-hero.jpg" alt="">
<div class="xclaw-hero-overlay">
<div class="xclaw-hero-inner">
<div class="xclaw-badge">POWERED BY CLAUDE OPUS 4.6</div>
<h1 class="xclaw-title">XCodeClaw</h1>
<div class="xclaw-tagline">你的 AI 学术助手</div>
<p class="xclaw-desc">满血 Opus 4.6 大模型 + 联网搜索 + 图像生成 + 完整科研工具链，<br>开箱即用，飞书直达。</p>
<div class="xclaw-chips">
<div class="xclaw-chip"><span class="chip-dot" style="background:#7c3aed;"></span> Claude Opus 4.6</div>
<div class="xclaw-chip"><span class="chip-dot" style="background:#0ea5e9;"></span> Tavily 搜索</div>
<div class="xclaw-chip"><span class="chip-dot" style="background:#f43f5e;"></span> Banana 画图</div>
<div class="xclaw-chip"><span class="chip-dot" style="background:#16a34a;"></span> LaTeX 排版</div>
<div class="xclaw-chip"><span class="chip-dot" style="background:#f97316;"></span> 飞书集成</div>
</div>
</div>
</div>
</div>
<!-- 核心优势 -->
<div class="xclaw-section xclaw-section-alt">
<div class="xclaw-inner">
<div class="xclaw-slabel">Core Advantages</div>
<div class="xclaw-stitle">为什么选择 XCodeClaw？</div>
<p class="xclaw-sdesc">不只是一个聊天机器人，而是一个真正懂学术的 AI 科研伙伴。</p>
<div class="xclaw-grid">
<div class="xclaw-card">
<div class="xclaw-icon" style="background: linear-gradient(135deg, #2B5CE6, #7c3aed);">AI</div>
<h3>满血大模型</h3>
<p>搭载 Claude Opus 4.6，当前最强推理模型之一。200K 超长上下文窗口，轻松处理长篇论文和复杂分析任务。</p>
</div>
<div class="xclaw-card">
<div class="xclaw-icon" style="background: linear-gradient(135deg, #F97316, #f43f5e);">S</div>
<h3>实时联网搜索</h3>
<p>集成 Tavily 学术搜索引擎，实时检索最新文献和资料。告别信息滞后，紧跟学术前沿。</p>
</div>
<div class="xclaw-card">
<div class="xclaw-icon" style="background: linear-gradient(135deg, #16A34A, #0ea5e9);">G</div>
<h3>AI 画图</h3>
<p>内置 Banana 图像生成能力（Gemini 4K），可直接生成流程图、示意图、架构图等学术插图，论文配图一步到位。</p>
</div>
<div class="xclaw-card">
<div class="xclaw-icon" style="background: linear-gradient(135deg, #8b5cf6, #ec4899);">T</div>
<h3>LaTeX 全家桶</h3>
<p>预装 TeX Live 完整版 + 中文字体（宋体/黑体/雅黑/Noto），直接生成专业排版学术文档并编译输出 PDF。</p>
</div>
<div class="xclaw-card">
<div class="xclaw-icon" style="background: linear-gradient(135deg, #0ea5e9, #06b6d4);">D</div>
<h3>科学计算栈</h3>
<p>内置 NumPy、SciPy、Pandas、Matplotlib、Scikit-learn、Seaborn 等全套数据分析与可视化工具。</p>
</div>
<div class="xclaw-card">
<div class="xclaw-icon" style="background: linear-gradient(135deg, #f43f5e, #f97316);">F</div>
<h3>开箱即用</h3>
<p>在飞书中直接对话使用，无需安装任何软件。管理员一键部署，用户零学习成本，即开即用。</p>
</div>
</div>
</div>
</div>
<!-- 学术场景 -->
<div class="xclaw-section">
<div class="xclaw-inner">
<div class="xclaw-slabel">Academic Scenarios</div>
<div class="xclaw-stitle">专为科研场景打造</div>
<p class="xclaw-sdesc">从文献调研到论文写作，从数据分析到报告排版，覆盖科研全流程。</p>
<div class="xclaw-showcase">
<div class="xclaw-showcase-text">
<h3>深度学术调研</h3>
<p>内置 Deep Research Pro 技能，可自主进行多源深度检索，综合分析后生成带引用的结构化研究报告。严格引用学术来源——期刊论文、会议论文、学术专著，拒绝博客和百科，杜绝编造引用。</p>
<div class="xclaw-tags">
<span class="xclaw-tag">多源检索</span>
<span class="xclaw-tag">自动引用</span>
<span class="xclaw-tag">结构化报告</span>
</div>
</div>
<div class="xclaw-showcase-img">
<img src="./assets/feishu/promo-research.jpg" alt="深度学术调研">
</div>
</div>
<div class="xclaw-showcase xclaw-showcase-reverse">
<div class="xclaw-showcase-text">
<h3>论文写作与润色</h3>
<p>专业的学术写作能力，自动消除 AI 写作痕迹，产出地道流畅的中英文学术表达。数学公式自动 LaTeX 格式化，引用格式严格规范。支持直接生成 LaTeX 源文件并编译为高质量 PDF。</p>
<div class="xclaw-tags">
<span class="xclaw-tag">去 AI 痕迹</span>
<span class="xclaw-tag">公式排版</span>
<span class="xclaw-tag">PDF 输出</span>
</div>
</div>
<div class="xclaw-showcase-img">
<img src="./assets/feishu/promo-latex.jpg" alt="论文写作与排版">
</div>
</div>
<div class="xclaw-showcase">
<div class="xclaw-showcase-text">
<h3>数据分析与可视化</h3>
<p>完整的 Python 科学计算环境，直接在对话中处理数据、运行统计分析、生成专业图表。上传数据文件即可开始，结果以图表形式直接返回到飞书。</p>
<div class="xclaw-tags">
<span class="xclaw-tag">NumPy</span>
<span class="xclaw-tag">Pandas</span>
<span class="xclaw-tag">Matplotlib</span>
<span class="xclaw-tag">Scikit-learn</span>
<span class="xclaw-tag">SciPy</span>
</div>
</div>
<div class="xclaw-showcase-img">
<img src="./assets/feishu/promo-data.jpg" alt="数据分析与可视化">
</div>
</div>
</div>
</div>
<!-- 对比 -->
<div class="xclaw-section xclaw-section-alt">
<div class="xclaw-inner">
<div class="xclaw-slabel">Comparison</div>
<div class="xclaw-stitle">与通用 AI 工具的区别</div>
<p class="xclaw-sdesc">通用 AI 工具缺乏科研专业性，XCodeClaw 专为学术场景深度定制。</p>
<table class="xclaw-compare">
<thead>
<tr><th>能力</th><th>XCodeClaw</th><th>通用 AI 助手</th></tr>
</thead>
<tbody>
<tr><td>满血 Opus 4.6 模型</td><td class="xc-yes">✓ 完整版</td><td class="xc-no">— 通常为低配版本</td></tr>
<tr><td>实时联网检索</td><td class="xc-yes">✓ Tavily 学术搜索</td><td class="xc-no">— 无或受限</td></tr>
<tr><td>AI 画图（4K）</td><td class="xc-yes">✓ Banana / Gemini</td><td class="xc-no">— 无或需额外付费</td></tr>
<tr><td>LaTeX 编译输出 PDF</td><td class="xc-yes">✓ TeX Live 完整版</td><td class="xc-no">— 仅输出代码片段</td></tr>
<tr><td>科学计算环境</td><td class="xc-yes">✓ 完整 Python 数据分析栈</td><td class="xc-no">— 无执行环境</td></tr>
<tr><td>学术引用规范</td><td class="xc-yes">✓ 严格学术来源</td><td class="xc-no">— 可能编造引用</td></tr>
<tr><td>AI 写作痕迹消除</td><td class="xc-yes">✓ 专项优化</td><td class="xc-no">— 无</td></tr>
<tr><td>飞书原生集成</td><td class="xc-yes">✓ 流式回复 + 多轮对话</td><td class="xc-no">— 需切换应用</td></tr>
<tr><td>独立容器隔离</td><td class="xc-yes">✓ 每用户独享环境</td><td class="xc-no">— 共享环境</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 三步开始使用 -->
<div class="xclaw-section xclaw-section-dark">
<div class="xclaw-inner">
<div class="xclaw-slabel xclaw-slabel-accent">Quick Start</div>
<div class="xclaw-stitle" style="color: #fff;">三步开始使用</div>
<p class="xclaw-sdesc">无需安装软件，无需配置环境，飞书里直接用。</p>
<div class="xclaw-steps">
<div class="xclaw-step">
<div class="xclaw-step-num">1</div>
<h3>创建飞书应用</h3>
<p>在飞书开放平台创建应用，添加机器人能力，导入权限配置。跟着指南操作，10 分钟搞定。</p>
</div>
<div class="xclaw-step">
<div class="xclaw-step-num">2</div>
<h3>交给管理员</h3>
<p>将 App ID 和 App Secret 发送给管理员。管理员一键创建您的专属服务实例，独立容器，安全隔离。</p>
</div>
<div class="xclaw-step">
<div class="xclaw-step-num">3</div>
<h3>开始使用</h3>
<p>在飞书中搜索机器人名称，发送消息即可。支持私聊和群聊 @，流式实时回复，多轮上下文记忆。</p>
</div>
</div>
</div>
</div>
<!-- 技术架构 -->
<div class="xclaw-section">
<div class="xclaw-inner">
<div class="xclaw-slabel">Tech Stack</div>
<div class="xclaw-stitle">技术架构</div>
<p class="xclaw-sdesc">基于 OpenClaw 构建，企业级多租户架构，安全可靠。</p>
<div class="xclaw-grid">
<div class="xclaw-card">
<h3>多租户容器隔离</h3>
<p>每位用户独享一个 Docker 容器，数据完全隔离，互不干扰。支持独立配置和资源管控。</p>
</div>
<div class="xclaw-card">
<h3>自愈配置系统</h3>
<p>启动时自动检测和修复配置问题，插件自动更新，无需人工维护，持续保持最佳状态。</p>
</div>
<div class="xclaw-card">
<h3>流式实时响应</h3>
<p>飞书消息流式输出，边生成边展示，无需等待。支持耗时任务状态显示和进度追踪。</p>
</div>
</div>
</div>
</div>
<!-- CTA -->
<div class="xclaw-cta">
<h2>开始使用 XCodeClaw</h2>
<p>让 AI 成为你的科研伙伴，从今天开始提升学术生产力。</p>
<a href="/guide/feishu-bot" class="xclaw-cta-btn">查看配置指南 →</a>
</div>
</div>
<style scoped>
.xclaw-page { max-width: 100vw; overflow-x: hidden; }
/* Hero */
.xclaw-hero {
position: relative; background: #0f1629; color: #f1f5f9;
text-align: center; overflow: hidden; margin: -24px -24px 0;
}
.xclaw-hero-bg { width: 100%; display: block; opacity: 0.6; }
.xclaw-hero-overlay {
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background: linear-gradient(180deg, rgba(15,22,41,0.3) 0%, rgba(15,22,41,0.85) 70%, rgba(15,22,41,1) 100%);
display: flex; align-items: center; justify-content: center;
}
.xclaw-hero-inner { position: relative; z-index: 1; max-width: 800px; padding: 60px 24px; }
.xclaw-badge {
display: inline-block; background: rgba(43,92,230,0.2); border: 1px solid rgba(43,92,230,0.4);
border-radius: 20px; padding: 6px 20px; font-size: 0.85em; color: #FDBA74;
margin-bottom: 24px; letter-spacing: 1px;
}
.xclaw-title {
font-size: 3.2em !important; font-weight: 800; margin-bottom: 12px;
background: linear-gradient(135deg, #fff 0%, #93c5fd 100%);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
border: none !important;
}
.xclaw-tagline { font-size: 1.5em; color: #F97316; font-weight: 600; margin-bottom: 20px; }
.xclaw-desc { font-size: 1.1em; color: #94a3b8; max-width: 600px; margin: 0 auto 36px; }
.xclaw-chips { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.xclaw-chip {
display: inline-flex; align-items: center; gap: 6px;
background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12);
border-radius: 8px; padding: 10px 20px; font-size: 0.95em; color: #f1f5f9;
}
.chip-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
/* Section */
.xclaw-section { padding: 80px 24px; }
.xclaw-section-alt { background: var(--vp-c-bg-soft); }
.xclaw-section-dark { background: #0f1629; color: #f1f5f9; }
.xclaw-inner { max-width: 960px; margin: 0 auto; }
.xclaw-slabel {
display: inline-block; font-size: 0.8em; font-weight: 700; letter-spacing: 2px;
text-transform: uppercase; color: #2B5CE6; margin-bottom: 10px;
}
.xclaw-slabel-accent { color: #FDBA74; }
.xclaw-stitle {
font-size: 2em; font-weight: 800; margin-bottom: 16px; line-height: 1.3; border: none !important;
}
.xclaw-sdesc { font-size: 1.05em; color: var(--vp-c-text-2); max-width: 640px; margin-bottom: 40px; }
.xclaw-section-dark .xclaw-sdesc { color: #94a3b8; }
/* Feature Grid */
.xclaw-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.xclaw-card {
background: var(--vp-c-bg); border: 1px solid var(--vp-c-divider); border-radius: 14px;
padding: 28px 24px; transition: box-shadow 0.2s, transform 0.2s;
}
.xclaw-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.08); transform: translateY(-2px); }
.xclaw-card h3 { font-size: 1.1em; font-weight: 700; margin-bottom: 8px; border: none !important; }
.xclaw-card p { font-size: 0.92em; color: var(--vp-c-text-2); line-height: 1.6; }
.xclaw-icon {
width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center;
justify-content: center; font-size: 1.3em; font-weight: 800; margin-bottom: 16px; color: #fff;
}
/* Showcase */
.xclaw-showcase {
display: grid; grid-template-columns: 1fr 1fr; gap: 40px;
align-items: center; margin-bottom: 64px;
}
.xclaw-showcase:last-child { margin-bottom: 0; }
.xclaw-showcase-reverse { direction: rtl; }
.xclaw-showcase-reverse > * { direction: ltr; }
.xclaw-showcase-text h3 { font-size: 1.5em; font-weight: 700; margin-bottom: 12px; border: none !important; }
.xclaw-showcase-text p { color: var(--vp-c-text-2); margin-bottom: 16px; line-height: 1.7; }
.xclaw-showcase-img {
border-radius: 14px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
.xclaw-showcase-img img { width: 100%; display: block; }
.xclaw-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.xclaw-tag {
display: inline-block; background: rgba(43,92,230,0.08); color: #2B5CE6;
border-radius: 6px; padding: 5px 14px; font-size: 0.85em; font-weight: 600;
}
/* Compare Table */
.xclaw-compare { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 0.95em; }
.xclaw-compare th {
background: #2B5CE6; color: #fff; padding: 14px 20px; text-align: left; font-weight: 600;
}
.xclaw-compare th:first-child { border-radius: 10px 0 0 0; }
.xclaw-compare th:last-child { border-radius: 0 10px 0 0; }
.xclaw-compare td { padding: 12px 20px; border-bottom: 1px solid var(--vp-c-divider); }
.xclaw-compare tr:last-child td { border-bottom: none; }
.xclaw-compare tr:nth-child(even) { background: var(--vp-c-bg-soft); }
.xc-yes { color: #16A34A; font-weight: 700; }
.xc-no { color: #d1d5db; }
/* Steps */
.xclaw-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.xclaw-step { background: #1a2240; border-radius: 14px; padding: 28px 24px; }
.xclaw-step-num {
display: flex; align-items: center; justify-content: center; width: 36px; height: 36px;
background: linear-gradient(135deg, #2B5CE6, #7c3aed); border-radius: 10px;
font-weight: 800; font-size: 1em; margin-bottom: 14px; color: #fff;
}
.xclaw-step h3 { font-size: 1.05em; margin-bottom: 8px; color: #f1f5f9; border: none !important; }
.xclaw-step p { font-size: 0.9em; color: #94a3b8; }
/* CTA */
.xclaw-cta {
text-align: center; padding: 80px 24px;
background: linear-gradient(180deg, var(--vp-c-bg) 0%, #eff6ff 100%);
}
.xclaw-cta h2 { font-size: 2em; font-weight: 800; margin-bottom: 16px; border: none !important; }
.xclaw-cta p { color: var(--vp-c-text-2); max-width: 500px; margin: 0 auto 32px; font-size: 1.05em; }
.xclaw-cta-btn {
display: inline-block; background: linear-gradient(135deg, #2B5CE6, #7c3aed);
color: #fff !important; padding: 14px 36px; border-radius: 10px; font-size: 1.05em;
font-weight: 700; text-decoration: none !important; transition: transform 0.2s, box-shadow 0.2s;
}
.xclaw-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(43,92,230,0.3); }
/* Responsive */
@media (max-width: 768px) {
.xclaw-hero-inner { padding: 40px 16px; }
.xclaw-title { font-size: 2.2em !important; }
.xclaw-tagline { font-size: 1.2em; }
.xclaw-grid { grid-template-columns: 1fr; }
.xclaw-showcase { grid-template-columns: 1fr; }
.xclaw-showcase-reverse { direction: ltr; }
.xclaw-steps { grid-template-columns: 1fr; }
.xclaw-section { padding: 50px 20px; }
}
@media (min-width: 769px) and (max-width: 1024px) {
.xclaw-grid { grid-template-columns: repeat(2, 1fr); }
}
</style>