<!DOCTYPE html> <html lang=”zh-CN”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>OpenClaw 本地部署教程 | 小白也能轻松上手</title> <script src=”https://cdn.tailwindcss.com”></script> <link href=”https://fonts.proxy.ustclug.org/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap” rel=”stylesheet”> <link href=”https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css” rel=”stylesheet”> <style> body .code-font { font-family: ‘Fira Code’, monospace; } .command-block { background: #1E293B; color: #E2E8F0; border-radius: 8px; padding: 1.5rem; margin: 1rem 0; position: relative; overflow-x: auto; } .command-block::before { content: ”; position: absolute; top: 0; left: 0; right: 0; height: 2rem; background: linear-gradient(90deg, #FF5F56 0.75rem, #FFBD2E 0.75rem 1.5rem, #27C93F 1.5rem 2.25rem); border-radius: 8px 8px 0 0; } .step-card { background: white; border-radius: 12px; padding: 2rem; margin: 1.5rem 0; border-left: 4px solid #2563EB; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); transition: all 0.2s ease; } .step-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transform: translateY(-2px); } .step-number .highlight { background: #F97316; color: white; padding: 0.25rem 0.5rem; border-radius: 4px; font-weight: 500; } .tip-box { background: #EFF6FF; border: 1px solid #3B82F6; border-radius: 8px; padding: 1rem; margin: 1rem 0; } .warning-box { background: #FEF3C7; border: 1px solid #F59E0B; border-radius: 8px; padding: 1rem; margin: 1rem 0; } .copy-btn { position: absolute; top: 0.5rem; right: 0.5rem; background: rgba(255, 255, 255, 0.1); border: none; color: white; padding: 0.25rem 0.5rem; border-radius: 4px; cursor: pointer; font-size: 0.75rem; transition: background 0.2s ease; } .copy-btn:hover { background: rgba(255, 255, 255, 0.2); } .hero-section { background: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%); color: white; padding: 4rem 0; text-align: center; } .feature-icon @media (max-width: 768px) { .step-card { padding: 1.5rem; } .command-block { padding: 1rem; } } </style> </head> <body> <!– Hero Section –> <section class=”hero-section”> <div class=”container mx-auto px-4″> <h1 class=”text-4xl md:text-6xl font-bold mb-4″> <i class=”fas fa-robot mr-4″></i>OpenClaw 本地部署教程 </h1> <p class=”text-xl md:text-2xl mb-8 opacity-90″> 小白也能轻松上手的完整部署指南 </p> <div class=”flex flex-wrap justify-center gap-4″> <span class=”highlight”> <i class=”fas fa-clock mr-2″></i>预计时间: 15-30分钟 </span> <span class=”highlight”> <i class=”fas fa-star mr-2″></i>难度: 初级 </span> <span class=”highlight”> <i class=”fas fa-dollar-sign mr-2″></i>成本: 免费 </span> </div> </div> </section> <!– Main Content –> <div class=”container mx-auto px-4 py-12 max-w-4xl”> <!– Prerequisites Section –> <section class=”mb-12″> <h2 class=”text-3xl font-bold mb-6 text-center”> <i class=”fas fa-list-check mr-3 text-blue-600″></i>前置要求 </h2> <div class=”grid md:grid-cols-3 gap-6″> <div class=”text-center”> <div class=”feature-icon mx-auto mb-4″> <i class=”fab fa-node-js text-xl”></i> </div> <h3 class=”font-semibold mb-2″>Node.js</h3> <p class=”text-gray-600″>最新版本</p> </div> <div class=”text-center”> <div class=”feature-icon mx-auto mb-4″> <i class=”fab fa-git-alt text-xl”></i> </div> <h3 class=”font-semibold mb-2″>Git</h3> cursor 教程 <p class=”text-gray-600″>版本控制系统</p> </div> <div class=”text-center”> <div class=”feature-icon mx-auto mb-4″> <i class=”fab fa-npm text-xl”></i> </div> <h3 class=”font-semibold mb-2″>npm</h3> <p class=”text-gray-600″>包管理器</p> </div> </div> </section> <!– Step 1 –> <div class=”step-card”> <div class=”step-number”>1</div> <h3 class=”text-2xl font-bold mb-4″>环境检查</h3> <p class=”mb-4″>首先确认你的系统已经安装了所需的软件。以管理员身份打开命令行窗口，输入以下命令：</p> <div class=”command-block code-font”> <button class=”copy-btn” onclick=”copyCommand(this)”> <i class=”fas fa-copy mr-1″></i>复制 </button> <div style=”margin-top: 2rem;”> Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser node -v npm -v git -v </div> </div> <div class=”tip-box”> <i class=”fas fa-lightbulb mr-2 text-blue-600″></i> <strong>提示：</strong>如果命令正常输出版本号，说明环境配置正确。 </div> </div> <!– Step 2 –> <div class=”step-card”> <div class=”step-number”>2</div> <h3 class=”text-2xl font-bold mb-4″>安装 OpenClaw</h3> <p class=”mb-4″>在命令行中输入以下命令来安装 OpenClaw：</p> <div class=”command-block code-font”> <button class=”copy-btn” onclick=”copyCommand(this)”> <i class=”fas fa-copy mr-1″></i>复制 </button> <div style=”margin-top: 2rem;”> npm install -g openclaw </div> </div> <div class=”tip-box”> <i class=”fas fa-lightbulb mr-2 text-blue-600″></i> <strong>提示：</strong>安装完成后会看到 “129 packages are looking
发布者：Ai探索者，转载请注明出处：https://javaforall.net/273203.html原文链接：https://javaforall.net
