Add hackathon page for 北纬·龙虾大赛 submission
This commit is contained in:
dongsheng123132
260
website/hackathon.html
Normal file
260
website/hackathon.html
Normal file
@@ -0,0 +1,260 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>U-Claw 虾盘 — 北纬·龙虾大赛参赛项目</title>
|
||||||
|
<style>
|
||||||
|
:root { --orange: #ff6b35; --dark: #1a1a2e; --gray: #f5f5f7; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; color: #333; line-height: 1.8; background: #fff; }
|
||||||
|
.hero { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #fff; padding: 60px 20px; text-align: center; }
|
||||||
|
.hero h1 { font-size: 2.5em; margin-bottom: 10px; }
|
||||||
|
.hero h1 span { color: var(--orange); }
|
||||||
|
.hero .tagline { font-size: 1.3em; opacity: 0.9; margin-bottom: 20px; }
|
||||||
|
.hero .badge { display: inline-block; background: var(--orange); color: #fff; padding: 6px 18px; border-radius: 20px; font-size: 0.9em; font-weight: bold; }
|
||||||
|
.container { max-width: 900px; margin: 0 auto; padding: 40px 20px; }
|
||||||
|
h2 { font-size: 1.6em; margin: 40px 0 16px; padding-bottom: 8px; border-bottom: 3px solid var(--orange); display: inline-block; }
|
||||||
|
h3 { font-size: 1.2em; margin: 24px 0 12px; color: var(--dark); }
|
||||||
|
p { margin: 10px 0; }
|
||||||
|
.highlight-box { background: linear-gradient(135deg, #fff7f0, #fff0e6); border-left: 4px solid var(--orange); padding: 20px; border-radius: 8px; margin: 20px 0; }
|
||||||
|
.highlight-box strong { color: var(--orange); }
|
||||||
|
table { width: 100%; border-collapse: collapse; margin: 16px 0; }
|
||||||
|
th { background: var(--dark); color: #fff; padding: 12px; text-align: left; }
|
||||||
|
td { padding: 12px; border-bottom: 1px solid #eee; }
|
||||||
|
tr:hover { background: #f9f9f9; }
|
||||||
|
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 20px 0; }
|
||||||
|
.feature-card { background: var(--gray); padding: 24px; border-radius: 12px; text-align: center; }
|
||||||
|
.feature-card .icon { font-size: 2.5em; margin-bottom: 10px; }
|
||||||
|
.feature-card h4 { font-size: 1.1em; margin-bottom: 8px; }
|
||||||
|
.stat-row { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin: 30px 0; }
|
||||||
|
.stat { text-align: center; }
|
||||||
|
.stat .num { font-size: 2.5em; font-weight: bold; color: var(--orange); }
|
||||||
|
.stat .label { font-size: 0.9em; color: #666; }
|
||||||
|
.flow { background: var(--dark); color: #fff; padding: 30px; border-radius: 12px; margin: 20px 0; font-family: monospace; font-size: 1.05em; line-height: 2; text-align: center; }
|
||||||
|
.flow .arrow { color: var(--orange); font-size: 1.3em; }
|
||||||
|
.links a { display: inline-block; margin: 8px 12px 8px 0; padding: 10px 20px; background: var(--orange); color: #fff; text-decoration: none; border-radius: 8px; font-weight: bold; }
|
||||||
|
.links a:hover { opacity: 0.9; }
|
||||||
|
.links a.secondary { background: var(--dark); }
|
||||||
|
.poster-section { text-align: center; margin: 30px 0; }
|
||||||
|
.poster-section img { max-width: 500px; width: 100%; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.15); }
|
||||||
|
.page-indicator { text-align: center; color: #999; font-size: 0.85em; margin: 40px 0 10px; padding-top: 20px; border-top: 1px dashed #ddd; }
|
||||||
|
footer { text-align: center; padding: 30px; color: #999; font-size: 0.85em; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 1: 封面 ==================== -->
|
||||||
|
<div class="hero">
|
||||||
|
<div class="badge">🦞 北纬·龙虾大赛 · 生产力赛道</div>
|
||||||
|
<h1>🦞 <span>U-Claw</span> 虾盘</h1>
|
||||||
|
<p class="tagline">全球首个 U 盘内运行的 AI 助手</p>
|
||||||
|
<p style="opacity:0.7">插上就能用 · 免翻墙 · 三系统通用 · 52+ 技能 · 8 大国产模型</p>
|
||||||
|
<p style="margin-top:20px; opacity:0.6">参赛者：贺方升 ｜ hefangsheng@gmail.com ｜ u-claw.org</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<!-- ==================== 海报 ==================== -->
|
||||||
|
<div class="poster-section">
|
||||||
|
<img src="poster.jpg" alt="U-Claw 虾盘 64G 高速龙虾盘">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 2: 一句话 + 核心数据 ==================== -->
|
||||||
|
<h2>一句话介绍</h2>
|
||||||
|
<div class="highlight-box">
|
||||||
|
<strong>U-Claw 虾盘</strong>是一个 64G 双口 USB，内置完整 AI 助手运行环境（OpenClaw + 国产大模型 + 52 个技能）。插上任意电脑，双击即用，无需安装、无需翻墙、无需配置。解决中国用户使用开源 AI 工具的「最后一公里」问题。
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="stat-row">
|
||||||
|
<div class="stat"><div class="num">1.3GB</div><div class="label">全包打包体积</div></div>
|
||||||
|
<div class="stat"><div class="num">2 min</div><div class="label">从插入到可用</div></div>
|
||||||
|
<div class="stat"><div class="num">52+</div><div class="label">预装生产力技能</div></div>
|
||||||
|
<div class="stat"><div class="num">8</div><div class="label">国产 AI 模型</div></div>
|
||||||
|
<div class="stat"><div class="num">3</div><div class="label">操作系统支持</div></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 3: 痛点与方案 ==================== -->
|
||||||
|
<h2>解决了什么问题</h2>
|
||||||
|
|
||||||
|
<h3>😰 中国用户使用开源 AI 的三大痛点</h3>
|
||||||
|
<table>
|
||||||
|
<tr><th>痛点</th><th>现状</th><th>U-Claw 方案</th></tr>
|
||||||
|
<tr><td>GitHub 访问受限</td><td>下载失败、速度极慢</td><td>全部预装在 U 盘，无需联网下载</td></tr>
|
||||||
|
<tr><td>npm 依赖地狱</td><td>800+ 包安装超时</td><td>依赖预打包，国内镜像兜底</td></tr>
|
||||||
|
<tr><td>环境配置复杂</td><td>Node.js/模型/API Key 逐个配</td><td>双击启动，Config.html 一页搞定</td></tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<div class="highlight-box">
|
||||||
|
<strong>核心理念：</strong>不要让「安装」成为使用 AI 的门槛。AI 应该像插 U 盘一样简单。
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 4: 产品形态 ==================== -->
|
||||||
|
<h2>四种产品形态</h2>
|
||||||
|
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="icon">🔌</div>
|
||||||
|
<h4>便携 U 盘版</h4>
|
||||||
|
<p>插上即用，不留痕迹<br>Mac / Windows / Linux</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="icon">🖥️</div>
|
||||||
|
<h4>桌面安装版</h4>
|
||||||
|
<p>Electron App<br>DMG / EXE 一键安装</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="icon">💿</div>
|
||||||
|
<h4>Linux 可启动版</h4>
|
||||||
|
<p>连操作系统都没有？没关系<br>Ventoy + Ubuntu 直接启动</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="icon">☁️</div>
|
||||||
|
<h4>一键在线安装</h4>
|
||||||
|
<p><code>curl | bash</code> 一行命令<br>国内镜像全程加速</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 5: 功能详情 ==================== -->
|
||||||
|
<h2>功能详情</h2>
|
||||||
|
|
||||||
|
<h3>🤖 8 大国产 AI 模型（开箱即用）</h3>
|
||||||
|
<table>
|
||||||
|
<tr><th>模型</th><th>厂商</th><th>特点</th></tr>
|
||||||
|
<tr><td>DeepSeek</td><td>深度求索</td><td>代码能力强，性价比高</td></tr>
|
||||||
|
<tr><td>Kimi</td><td>月之暗面</td><td>长文本理解，20 万字上下文</td></tr>
|
||||||
|
<tr><td>通义千问</td><td>阿里云</td><td>多模态，企业级稳定</td></tr>
|
||||||
|
<tr><td>智谱 GLM</td><td>智谱 AI</td><td>中文理解能力优秀</td></tr>
|
||||||
|
<tr><td>MiniMax</td><td>MiniMax</td><td>对话流畅自然</td></tr>
|
||||||
|
<tr><td>豆包</td><td>字节跳动</td><td>创意写作能力强</td></tr>
|
||||||
|
<tr><td>千帆</td><td>百度</td><td>企业场景丰富</td></tr>
|
||||||
|
<tr><td>MiMo</td><td>小米</td><td>轻量高效</td></tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<h3>💬 7 大聊天平台接入</h3>
|
||||||
|
<p>QQ · 飞书 · 微信 · Telegram · Discord · WhatsApp · Slack</p>
|
||||||
|
<p>用户在自己最熟悉的平台上就能使用 AI，无需切换工具。</p>
|
||||||
|
|
||||||
|
<h3>🛠️ 52+ 预装生产力技能</h3>
|
||||||
|
<p>编程辅助 · GitHub 操作 · 邮件管理 · PDF 处理 · AI 绘图 · 笔记同步 · 小红书运营 · B 站数据 · 微博管理 等</p>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 6: 用户流程 ==================== -->
|
||||||
|
<h2>用户使用流程</h2>
|
||||||
|
<div class="flow">
|
||||||
|
插入 U 盘 <span class="arrow">→</span> 双击启动 <span class="arrow">→</span> 选择模型 & 填 API Key <span class="arrow">→</span> 开始对话<br>
|
||||||
|
<span style="color:#999">（全程 2 分钟，无需安装 Node.js、无需命令行、无需翻墙）</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>雨林木风风格功能菜单</h3>
|
||||||
|
<table>
|
||||||
|
<tr><th>序号</th><th>功能</th><th>说明</th></tr>
|
||||||
|
<tr><td>1</td><td>安装到电脑</td><td>从 U 盘安装到本机</td></tr>
|
||||||
|
<tr><td>2</td><td>免安装运行</td><td>直接从 U 盘运行，不留痕迹</td></tr>
|
||||||
|
<tr><td>3</td><td>备份配置</td><td>一键备份到 U 盘</td></tr>
|
||||||
|
<tr><td>4</td><td>还原配置</td><td>从备份恢复</td></tr>
|
||||||
|
<tr><td>5</td><td>修复安装</td><td>自动诊断并修复</td></tr>
|
||||||
|
<tr><td>6</td><td>完全重置</td><td>恢复出厂设置</td></tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 7: 技术架构 ==================== -->
|
||||||
|
<h2>技术架构</h2>
|
||||||
|
|
||||||
|
<div class="flow" style="text-align:left; font-size:0.95em;">
|
||||||
|
U-Claw USB (64GB)<br>
|
||||||
|
├── 🚀 启动脚本 (Mac/Win/Linux)<br>
|
||||||
|
├── 📦 app/<br>
|
||||||
|
│ ├── core/ — OpenClaw 运行时<br>
|
||||||
|
│ └── runtime/ — Node.js v22 (三平台)<br>
|
||||||
|
├── 📊 data/<br>
|
||||||
|
│ ├── .openclaw/ — 配置 & API Keys<br>
|
||||||
|
│ ├── memory/ — AI 记忆（可带走）<br>
|
||||||
|
│ └── backups/ — 自动备份<br>
|
||||||
|
├── 🛠️ skills-cn/ — 10 个中国本地化技能<br>
|
||||||
|
└── 📖 Config.html — 可视化配置页面
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr><th>技术项</th><th>选型</th></tr>
|
||||||
|
<tr><td>运行时</td><td>Node.js v22 LTS（三平台预编译）</td></tr>
|
||||||
|
<tr><td>AI 框架</td><td>OpenClaw（开源，MIT 协议）</td></tr>
|
||||||
|
<tr><td>桌面版</td><td>Electron（DMG + EXE）</td></tr>
|
||||||
|
<tr><td>可启动版</td><td>Ventoy + Ubuntu 24.04 + casper-rw 持久化</td></tr>
|
||||||
|
<tr><td>国内镜像</td><td>npmmirror.com（全链路）</td></tr>
|
||||||
|
<tr><td>打包体积</td><td>1.3GB（含运行时 + 全部依赖）</td></tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 8: 创新亮点 ==================== -->
|
||||||
|
<h2>创新亮点</h2>
|
||||||
|
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card" style="background:#fff7f0;">
|
||||||
|
<div class="icon">🌏</div>
|
||||||
|
<h4>全球首创</h4>
|
||||||
|
<p>首个将完整 AI 助手环境装入 U 盘的项目，「AI 界的雨林木风」</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card" style="background:#f0f7ff;">
|
||||||
|
<div class="icon">🔌</div>
|
||||||
|
<h4>硬件 + AI</h4>
|
||||||
|
<p>USB 物理载体 + AI 软件栈，符合「龙虾+硬件」创新加分</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card" style="background:#f0fff0;">
|
||||||
|
<div class="icon">🇨🇳</div>
|
||||||
|
<h4>中国特色方案</h4>
|
||||||
|
<p>专为中国网络环境设计：免翻墙、国内镜像、国产模型优先</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card" style="background:#fff0f5;">
|
||||||
|
<div class="icon">♿</div>
|
||||||
|
<h4>AI 平权</h4>
|
||||||
|
<p>让不会配环境的人也能用 AI，降低技术门槛到零</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 9: 已有成果 ==================== -->
|
||||||
|
<h2>已有成果 & 社区反馈</h2>
|
||||||
|
|
||||||
|
<div class="stat-row">
|
||||||
|
<div class="stat"><div class="num">8777+</div><div class="label">小红书点赞</div></div>
|
||||||
|
<div class="stat"><div class="num">MIT</div><div class="label">开源协议</div></div>
|
||||||
|
<div class="stat"><div class="num">v1.0</div><div class="label">稳定版本</div></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr><th>维度</th><th>状态</th></tr>
|
||||||
|
<tr><td>官网</td><td>u-claw.org ✅ 已上线</td></tr>
|
||||||
|
<tr><td>GitHub 仓库</td><td>github.com/dongsheng123132/u-claw ✅ 开源</td></tr>
|
||||||
|
<tr><td>Mac ARM64</td><td>✅ 完全可用</td></tr>
|
||||||
|
<tr><td>Mac Intel</td><td>✅ 完全可用</td></tr>
|
||||||
|
<tr><td>Windows</td><td>✅ 已完成远程部署验证</td></tr>
|
||||||
|
<tr><td>Linux 可启动版</td><td>✅ 独立仓库发布</td></tr>
|
||||||
|
<tr><td>一键在线安装</td><td>✅ curl | bash</td></tr>
|
||||||
|
<tr><td>远程部署能力</td><td>✅ SSH + frp 远程维护</td></tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- ==================== PAGE 10: 未来规划 + 链接 ==================== -->
|
||||||
|
<h2>未来规划</h2>
|
||||||
|
<table>
|
||||||
|
<tr><th>阶段</th><th>计划</th></tr>
|
||||||
|
<tr><td>近期</td><td>Windows EXE 便携版（Electron 打包）</td></tr>
|
||||||
|
<tr><td>中期</td><td>ClawMe 商铺（clawme.net）— 一句话开店，AI 帮你卖</td></tr>
|
||||||
|
<tr><td>远期</td><td>Claw 生态：U-Claw（硬件入口）→ ClawHub（技能商店）→ ClawMe（AI 商铺）</td></tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<h2>项目链接</h2>
|
||||||
|
<div class="links">
|
||||||
|
<a href="https://www.u-claw.org" target="_blank">🌐 官网 u-claw.org</a>
|
||||||
|
<a href="https://github.com/dongsheng123132/u-claw" target="_blank" class="secondary">💻 GitHub 仓库</a>
|
||||||
|
<a href="https://github.com/dongsheng123132/u-claw/releases" target="_blank" class="secondary">📦 下载发布</a>
|
||||||
|
<a href="https://github.com/dongsheng123132/u-claw-linux" target="_blank" class="secondary">🐧 Linux 可启动版</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
U-Claw 虾盘 · 北纬·龙虾大赛（第一届）参赛作品<br>
|
||||||
|
参赛者：贺方升 · hefangsheng@gmail.com · u-claw.org<br>
|
||||||
|
赛道：⚡ 生产力龙虾<br>
|
||||||
|
© 2026 U-Claw · MIT License
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user