服务器部署实战
<div class="ce-block ce-block--focused" data-id="nEnKYReimB" ><div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark>从全新 Ubuntu 服务器开始，接入 Telegram 和 AIGoCode 中转模型，全程 6 步跑通。每步都截了图，容易踩坑的地方已标出。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="r7qdD088-9" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_r7qdD088-9" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/204311lujjudeg8j7eujfl.png" title="" alt="" data-aid="4"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="x6VeNlJNxi" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> 模型中转推荐：<a href="https://aigocode.com/">AIGoCode</a><mark style="background-color: rgb(255, 191, 0);"></mark> 按用量付费，支持 Claude Opus 4.6 等全部主流模型，国内访问稳定。新用户注册后可领取赠金，覆盖完整的前期探索成本。</div>
</div>
</div><div class="ce-block" data-id="ET_k3XwJGv" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">准备工作</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="EuCecDTRo3" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">一台全新的 Ubuntu/Debian 服务器（推荐 Ubuntu 22.04+）</li><li class="cdx-list__item">服务器已安装 Git</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="8xq1rYu-9t" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span class="hljs-built_in" style="box-sizing: border-box; color: rgb(56, 189, 248); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"></span><code class="inline-code"><span class="hljs-built_in" style="box-sizing: border-box; color: rgb(56, 189, 248); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);">sudo</span><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"> apt update && </span><span class="hljs-built_in" style="box-sizing: border-box; color: rgb(56, 189, 248); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);">sudo</span><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"> apt install -y git</span></code><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"></span>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="CDfwaILRB4" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_CDfwaILRB4" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/204418lv9xgn6gnbn6o49k.png" title="" alt="" data-aid="5"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="YjqAZV25Yy" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">服务器已安装 Node.js v22+</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="5cGC2o0BEK" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"></span><code class="inline-code"><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);">curl -fsSL https://deb.nodesource.com/setup_22.x | </span><span class="hljs-built_in" style="box-sizing: border-box; color: rgb(56, 189, 248); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);">sudo</span><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"> bash -
</span><span class="hljs-built_in" style="box-sizing: border-box; color: rgb(56, 189, 248); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);">sudo</span><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"> apt-get install -y nodejs</span></code><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"></span>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="aBMVI5dTSX" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_aBMVI5dTSX" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/204526b0fsse6vm72uv7la.png" title="" alt="" data-aid="6"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block" data-id="ZnySfb6fJ8" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">第一步：安装 OpenClaw</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="fXqbZFZrEE" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark>在服务器终端执行一行命令，全局安装 OpenClaw：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="oYpULP6S0i" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <code class="inline-code"> <span class="hljs-built_in" style="box-sizing: border-box; color: rgb(56, 189, 248); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);">sudo</span><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"> npm install -g openclaw</span></code><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"></span></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="HXZawH-oof" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"> </mark>看到安装成功的提示后，核心程序就位了。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="nIeJQSJ9GL" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_nIeJQSJ9GL" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/204639p3okn2o005vo2o0r.png" title="" alt="" data-aid="7"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block" data-id="tGMh_zJLcQ" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">第二步：申请 Telegram 机器人</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="UygZSykFD8" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <span style="color: rgb(100, 116, 139); font-family: "Public Sans", "Public Sans Fallback"; font-size: medium; background-color: rgb(249, 247, 242);"></span>在 Telegram 里搜索 @BotFather（认准蓝色官方认证标记），按以下步骤操作：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="_dFjEjry7h" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg__dFjEjry7h" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/204714xr1tx211x1q2q33q.png" title="" alt="" data-aid="8"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="3OAopIfv4S" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark>发送 <code><mark style="background-color: rgb(255, 191, 0);">/newbot</mark></code></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="0nqCaqTTz0" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_0nqCaqTTz0" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/204742j05q5d7we7zmq5ws.png" title="" alt="" data-aid="9"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="jWCA1TNjQv" >
<div class="ce-block__content">
<ol class="cdx-list-ordered" style="list-style-type:none; margin-left: -15px;"><li class="cdx-list__item">1. 按提示给机器人起一个昵称（支持中文，后续可改）</li><li class="cdx-list__item">2. 设置一个唯一的用户名（必须以<span> </span><code><mark style="background-color: rgb(255, 191, 0);">bot</mark></code><span> </span>结尾，例如<mark style="background-color: rgb(255, 191, 0);"> <code>my_ai_bot</code></mark><code></code>）</li></ol>
</div>
</div><div class="ce-block ce-block--focused" data-id="IQH_BgylhR" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_IQH_BgylhR" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/204842q3a9437yzy332ox4.png" title="" alt="" data-aid="10"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="UEZvDUUW1D" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark>创建成功后，BotFather 会返回一串 Bot Token<mark style="background-color: rgb(255, 191, 0);"></mark>（类似 <code><mark style="background-color: rgb(255, 191, 0);">123456789:ABCdefGHIJ...</mark></code><mark style="background-color: rgb(255, 191, 0);"></mark>），复制保存好</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="VX6TYRfkjY" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_VX6TYRfkjY" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/204933k46crbmmdidz56c5.png" title="" alt="" data-aid="11"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="fuPnMUleES" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> 安全提醒：Bot Token 相当于机器人的最高控制权密码，不要泄露到公开场合。如果泄露了，可以在 BotFather 里发送 <code>/revoke</code> 重新生成。<span style="color: rgb(100, 116, 139); font-family: "Public Sans", "Public Sans Fallback"; font-size: medium; font-style: italic; background-color: rgb(249, 247, 242);"></span></div>
</div>
</div><div class="ce-block" data-id="OLvzBpJsyM" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">第三步：运行向导，完成基础配置</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="FLJ9KhrBNM" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark>在终端输入以下命令启动交互式向导：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="tQtuUCM95L" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><code class="inline-code"> <span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);">openclaw onboard</span></code><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"></span></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="KiSItm0G1z" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">向导会一步步问你问题，按以下策略选择：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="x6vMoGsbN_" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">I understand this is powerful and inherently risky. Continue?<span> </span>→ 选<span> </span><code>Yes</code></li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="hQ28UU2dFa" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_hQ28UU2dFa" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205035t44uupfdljctdpqd.png" title="" alt="" data-aid="12"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="NMjDLxR7Lq" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> Onboarding mode<mark style="background-color: rgb(255, 191, 0);"></mark> → 选 <code><mark style="background-color: rgb(255, 191, 0);">QuickStart</mark></code><mark style="background-color: rgb(255, 191, 0);"></mark>（新服务器直接用默认配置，最省事）</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="HoHb3b0oeX" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_HoHb3b0oeX" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205105fcm5mxq5xmzvs1z8.png" title="" alt="" data-aid="13"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="YvpV-G4sg7" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> Model/auth provider<mark style="background-color: rgb(255, 191, 0);"></mark> → 翻到最底部，选 <code>Skip for now (configure later)</code><mark style="background-color: rgb(255, 191, 0);"></mark>。这是关键一步，因为我们要接入的 AIGoCode 不在官方列表里，先跳过，后面手动配</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="a1wcoJDXXL" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_a1wcoJDXXL" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205125js4yhgfgf77skdhn.png" title="" alt="" data-aid="14"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="xiYEiuTLaL" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> Filter models by provider<mark style="background-color: rgb(255, 191, 0);"></mark> → 保持 <code>All providers</code><mark style="background-color: rgb(255, 191, 0);"></mark>，直接回车</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="yClE3LmpBX" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_yClE3LmpBX" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205147gzmpkhjpmt8dqeq5.png" title="" alt="" data-aid="15"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="qb5Tj2VgSW" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> Default model<mark style="background-color: rgb(255, 191, 0);"></mark> → 选 <code>Keep current</code></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Y6ib-ZLTqw" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_Y6ib-ZLTqw" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205211wnnvals4onzhysr5.png" title="" alt="" data-aid="16"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="JqfTRQabbl" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> Channels<mark style="background-color: rgb(255, 191, 0);"></mark> → 选择 <code>Telegram</code><mark style="background-color: rgb(255, 191, 0);"></mark>，填入你刚才拿到的 Bot Token。向导会自动完成管理员配对</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="u2UQ7LHhnX" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_u2UQ7LHhnX" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205238fefyi6t9e1vziexl.png" title="" alt="" data-aid="17"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="nE_MrDRk1B" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_nE_MrDRk1B" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205252ewkrw4556jn945kw.png" title="" alt="" data-aid="18"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="G-RhYHoJmP" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> Configure skills now?<mark style="background-color: rgb(255, 191, 0);"></mark> → 选 <code>No</code></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="QaqBHLKf8_" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_QaqBHLKf8_" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205313cervrg14alk14l03.png" title="" alt="" data-aid="19"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="6eDKkKfuSx" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> Enable hooks?<mark style="background-color: rgb(255, 191, 0);"></mark> → 建议全选（<code>boot-md</code><mark style="background-color: rgb(255, 191, 0);"></mark>、<code>bootstrap-extra-files</code>、<code>c</code><code>ommand-logger</code>、<code>s</code><code>ession-memory</code><mark style="background-color: rgb(255, 191, 0);"></mark> 都挺实用）</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="ksbVYI5fjD" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_ksbVYI5fjD" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205403ecp7e9fbbn9n19v7.png" title="" alt="" data-aid="21"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="YbFpNcfGTG" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">Install Gateway service<span> </span>→ 选<span> </span><code>Yes</code>（开机自启）</li><li class="cdx-list__item">How do you want to hatch your bot?<span> </span>→ 选<span> </span><code>Do this later</code></li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="quGrAgsPMg" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">向导在背后帮你完成了以下工作：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="OISPIUcL3j" >
<div class="ce-block__content">
<ol class="cdx-list-ordered" style="list-style-type:none; margin-left: -15px;"><li class="cdx-list__item">1. 生成配置文件：默认写入<span> </span><code>~/.openclaw/openclaw.json</code></li><li class="cdx-list__item">2. 开启 systemd lingering：确保退出 SSH 后服务持续运行</li><li class="cdx-list__item">3. 安装 systemd 服务：服务器重启后 Bot 自动拉起</li><li class="cdx-list__item">4. 验证 Telegram 连接：看到<span> </span><code>Telegram: ok</code><span> </span>说明连接成功
</li></ol>
</div>
</div><div class="ce-block ce-block--focused" data-id="8rWgs-73no" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_8rWgs-73no" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205438alsmgts0hcld0vts.png" title="" alt="" data-aid="22"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Mp01KOz9Eo" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark>向导跑完后会提示 <code>Onboarding complete</code><mark style="background-color: rgb(255, 191, 0);"></mark>。基础环境部署完成！</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="MdeVbrqMhk" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_MdeVbrqMhk" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205507x0xstz1z6nw5ms0i.png" title="" alt="" data-aid="23"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block" data-id="sdoCKMZ6jF" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">第四步：注入 AIGoCode 中转模型配置</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="hd__HKiNEx" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><a href="https://aigocode.com/">AIGoCode</a><span> </span>是兼容 Anthropic API 格式的中转服务，国内稳定访问，按量计费，支持 Claude Opus 4.6、Sonnet、GPT-4o 等主流模型。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="pLZfH56eZY" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">打开配置文件：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="evoniPUFya" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">javascript</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-evoniPUFya">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
</button>
<button class="editorjs-codeFlask_Toggle" id="codeflask-Toggle-evoniPUFya">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
</div>
<div class="editorjs-codeFlask_ContentContainer">
<div class="editorjs-codeFlask_Editor" id="codeflask-evoniPUFya" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-evoniPUFya">
<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="static/js/editorjs/tools/codeflask/codeflask150.min.js?L8J"></script>
<script type="application/javascript">
const editorElem1778072693TyCm0 = document.getElementById('codeflask-evoniPUFya');
var isCollapsed1778072693TyCm0 = true;
const flask1778072693TyCm0 = new CodeFlask(editorElem1778072693TyCm0, {
language: 'javascript',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1778072693TyCm0 = `# 如果有 nano：
nano ~/.openclaw/openclaw.json
# 如果没有 nano，用 vi：
vi ~/.openclaw/openclaw.json
# 或者先装 nano：
sudo apt install -y nano`;
code1778072693TyCm0 = code1778072693TyCm0.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1778072693TyCm0.addLanguage('javascript', Prism.languages['javascript']);
flask1778072693TyCm0.onUpdate((code) => {
// do something with code here.
// this will trigger whenever the code
// in the editor changes.
// console.log(code)
});
// flask.updateCode('');
// This will also trigger .onUpdate()
flask1778072693TyCm0.updateCode(code1778072693TyCm0);
const currentCode1778072693TyCm0 = flask1778072693TyCm0.getCode();
var coderow1778072693TyCm0 = parseInt('');
if (coderow1778072693TyCm0 === undefined || coderow1778072693TyCm0 !== coderow1778072693TyCm0 || coderow1778072693TyCm0 === 0) {
coderow1778072693TyCm0 = flask1778072693TyCm0.lineNumber;
}
if (coderow1778072693TyCm0 < 20) {
editorElem1778072693TyCm0.parentElement.style.height = '300px';
editorElem1778072693TyCm0.style.height = '300px';
} else if (coderow1778072693TyCm0 >= 20) {
editorElem1778072693TyCm0.parentElement.style.height = '500px';
editorElem1778072693TyCm0.style.height = '500px';
}
//console.log({currentCode1778072693TyCm0})
const copyBtn1778072693TyCm0 = document.getElementById('codeflask-copy-evoniPUFya');
copyBtn1778072693TyCm0.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1778072693TyCm0).then(function() {
// 复制成功提示
const originalText = copyBtn1778072693TyCm0.innerHTML;
copyBtn1778072693TyCm0.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
// 一段时间后恢复原文本
setTimeout(function() {
copyBtn1778072693TyCm0.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1778072693TyCm0);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1778072693TyCm0);
}
// 提取降级方案为独立函数
function fallbackCopyTextToClipboard(text) {
const textArea = document.createElement('textarea');
textArea.value = text;
textArea.style.position = 'fixed';
textArea.style.opacity = '0';
document.body.appendChild(textArea);
textArea.select();
try {
document.execCommand('copy');
const originalText = copyBtn1778072693TyCm0.innerHTML;
copyBtn1778072693TyCm0.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
setTimeout(function() {
copyBtn1778072693TyCm0.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1778072693TyCm0 = document.getElementById('codeflask-bottomBtn-evoniPUFya');
const Toggle1778072693TyCm0 = document.getElementById('codeflask-Toggle-evoniPUFya');
bottomBtn1778072693TyCm0.addEventListener('click', function() {
if (isCollapsed1778072693TyCm0) {
// 展开代码
isCollapsed1778072693TyCm0 = false;
const codeElement1778072693TyCm0 = editorElem1778072693TyCm0.querySelector('.codeflask__code');
if (codeElement1778072693TyCm0) {
const actualHeight1778072693TyCm0 = codeElement1778072693TyCm0.scrollHeight + 20;
editorElem1778072693TyCm0.parentElement.style.height = actualHeight1778072693TyCm0 + 'px';
editorElem1778072693TyCm0.style.height = actualHeight1778072693TyCm0 + 'px';
}
bottomBtn1778072693TyCm0.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1778072693TyCm0.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>';
} else {
// 折叠代码
isCollapsed1778072693TyCm0 = true;
if (coderow1778072693TyCm0 < 20) {
editorElem1778072693TyCm0.parentElement.style.height = '300px';
editorElem1778072693TyCm0.style.height = '300px';
} else if (coderow1778072693TyCm0 >= 20) {
editorElem1778072693TyCm0.parentElement.style.height = '500px';
editorElem1778072693TyCm0.style.height = '500px';
}
bottomBtn1778072693TyCm0.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1778072693TyCm0.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>';
}
});
Toggle1778072693TyCm0.addEventListener('click', function() {
bottomBtn1778072693TyCm0.click();
});
</script><div class="ce-block ce-block--focused" data-id="4HWkWQZRmn" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <span style="color: rgb(100, 116, 139); font-family: "Public Sans", "Public Sans Fallback"; font-size: medium; background-color: rgb(249, 247, 242);">在文件的最外层大括号内，找到合适位置（紧跟在 </span><code>meta</code><span style="color: rgb(100, 116, 139); font-family: "Public Sans", "Public Sans Fallback"; font-size: medium; background-color: rgb(249, 247, 242);"> 块后面），插入以下两段配置（替换你的真实 AIGoCode API Key）：</span></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="DmNVbCC3aM" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">javascript</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-DmNVbCC3aM">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
</button>
<button class="editorjs-codeFlask_Toggle" id="codeflask-Toggle-DmNVbCC3aM">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
</div>
<div class="editorjs-codeFlask_ContentContainer">
<div class="editorjs-codeFlask_Editor" id="codeflask-DmNVbCC3aM" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-DmNVbCC3aM">
<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="static/js/editorjs/tools/codeflask/codeflask150.min.js?L8J"></script>
<script type="application/javascript">
const editorElem1778072693h5g45 = document.getElementById('codeflask-DmNVbCC3aM');
var isCollapsed1778072693h5g45 = true;
const flask1778072693h5g45 = new CodeFlask(editorElem1778072693h5g45, {
language: 'javascript',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1778072693h5g45 = `"models": {
"providers": {
"aigocode": {
"baseUrl": "https://api.aigocode.com",
"apiKey": "sk-这里填你的AIGoCode的APIKey",
"api": "anthropic-messages",
"models": [
{
"id": "claude-opus-4-6",
"name": "Claude Opus 4.6 (AIGoCode)",
"reasoning": true,
"input": ["text", "image"],
"contextWindow": 200000,
"maxTokens": 16384
}
]
}
}
},
"agents": {
"defaults": {
"model": {
"primary": "aigocode/claude-opus-4-6"
}
}
}`;
code1778072693h5g45 = code1778072693h5g45.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1778072693h5g45.addLanguage('javascript', Prism.languages['javascript']);
flask1778072693h5g45.onUpdate((code) => {
// do something with code here.
// this will trigger whenever the code
// in the editor changes.
// console.log(code)
});
// flask.updateCode('');
// This will also trigger .onUpdate()
flask1778072693h5g45.updateCode(code1778072693h5g45);
const currentCode1778072693h5g45 = flask1778072693h5g45.getCode();
var coderow1778072693h5g45 = parseInt('');
if (coderow1778072693h5g45 === undefined || coderow1778072693h5g45 !== coderow1778072693h5g45 || coderow1778072693h5g45 === 0) {
coderow1778072693h5g45 = flask1778072693h5g45.lineNumber;
}
if (coderow1778072693h5g45 < 20) {
editorElem1778072693h5g45.parentElement.style.height = '300px';
editorElem1778072693h5g45.style.height = '300px';
} else if (coderow1778072693h5g45 >= 20) {
editorElem1778072693h5g45.parentElement.style.height = '500px';
editorElem1778072693h5g45.style.height = '500px';
}
//console.log({currentCode1778072693h5g45})
const copyBtn1778072693h5g45 = document.getElementById('codeflask-copy-DmNVbCC3aM');
copyBtn1778072693h5g45.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1778072693h5g45).then(function() {
// 复制成功提示
const originalText = copyBtn1778072693h5g45.innerHTML;
copyBtn1778072693h5g45.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
// 一段时间后恢复原文本
setTimeout(function() {
copyBtn1778072693h5g45.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1778072693h5g45);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1778072693h5g45);
}
// 提取降级方案为独立函数
function fallbackCopyTextToClipboard(text) {
const textArea = document.createElement('textarea');
textArea.value = text;
textArea.style.position = 'fixed';
textArea.style.opacity = '0';
document.body.appendChild(textArea);
textArea.select();
try {
document.execCommand('copy');
const originalText = copyBtn1778072693h5g45.innerHTML;
copyBtn1778072693h5g45.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
setTimeout(function() {
copyBtn1778072693h5g45.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1778072693h5g45 = document.getElementById('codeflask-bottomBtn-DmNVbCC3aM');
const Toggle1778072693h5g45 = document.getElementById('codeflask-Toggle-DmNVbCC3aM');
bottomBtn1778072693h5g45.addEventListener('click', function() {
if (isCollapsed1778072693h5g45) {
// 展开代码
isCollapsed1778072693h5g45 = false;
const codeElement1778072693h5g45 = editorElem1778072693h5g45.querySelector('.codeflask__code');
if (codeElement1778072693h5g45) {
const actualHeight1778072693h5g45 = codeElement1778072693h5g45.scrollHeight + 20;
editorElem1778072693h5g45.parentElement.style.height = actualHeight1778072693h5g45 + 'px';
editorElem1778072693h5g45.style.height = actualHeight1778072693h5g45 + 'px';
}
bottomBtn1778072693h5g45.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1778072693h5g45.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>';
} else {
// 折叠代码
isCollapsed1778072693h5g45 = true;
if (coderow1778072693h5g45 < 20) {
editorElem1778072693h5g45.parentElement.style.height = '300px';
editorElem1778072693h5g45.style.height = '300px';
} else if (coderow1778072693h5g45 >= 20) {
editorElem1778072693h5g45.parentElement.style.height = '500px';
editorElem1778072693h5g45.style.height = '500px';
}
bottomBtn1778072693h5g45.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1778072693h5g45.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>';
}
});
Toggle1778072693h5g45.addEventListener('click', function() {
bottomBtn1778072693h5g45.click();
});
</script><div class="ce-block ce-block--focused" data-id="ECTHHZt0eO" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">踩坑提醒：如果配置文件里已经有<span> </span><code>agents</code><span> </span>字段（向导可能生成了一个默认的），你需要合并到一起，而不是直接粘贴第二份。JSON 里同一层级不能有两个同名的 key，否则后面的会覆盖前面的，导致模型配置丢失报错。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="idkixczG03" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">下图是初始配置文件的样子——没有<span> </span><code>models</code><span> </span>模块，所以可以把完整的<span> </span><code>models</code><span> </span>模块直接粘贴进去；但已经有<span> </span><code>agents</code><span> </span>模块，所以要把<span> </span><code>model</code><span> </span>字段合并到现有的<span> </span><code>agents</code><span> </span>里。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="q0TlrHAnte" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_q0TlrHAnte" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205706oka5lh0hn3ozoh7k.png" title="" alt="" data-aid="24"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="KkThrgC6fx" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_KkThrgC6fx" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205712tfhyna29laalgh2f.png" title="" alt="" data-aid="25"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="CmIT1rOrGz" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_CmIT1rOrGz" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205718ymmjqtkckbbsiczt.png" title="" alt="" data-aid="26"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="FV7UA2kZe9" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">保存退出（Ctrl+O 回车保存，Ctrl+X 退出）。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="CvQtBQs0Ow" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><code>api</code><span> </span>字段说明：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="3D9Wqkro-R" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item"><code>anthropic-messages</code>：用于 Claude 系列模型（Claude Opus 4.6、Sonnet 等）</li><li class="cdx-list__item"><code>openai-responses</code>：用于 GPT 系列及大部分兼容 OpenAI 格式的开源模型</li></ul>
</div>
</div><div class="ce-block" data-id="s28bXKQR0w" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">第五步：重启服务，生效配置</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="FgRUku2y_X" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> 配置文件修改后，需要重启 OpenClaw 才能生效：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="s9vI-kbHru" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <code class="inline-code"> <span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);">openclaw gateway restart</span></code><span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"></span></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="ig2yfwge1J" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> 重启完成后，确认服务运行状态：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="f6LtmsqE3v" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <span style="color: rgb(209, 209, 224); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14.4px; white-space: pre; background-color: rgb(30, 30, 46);"><code class="inline-code">openclaw gateway status</code></span></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="VuuD1u0PPy" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark>只要状态是 <code>active (running)</code><mark style="background-color: rgb(255, 191, 0);"></mark> 就没问题，继续下一步配对。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="FSs7ECY8Mg" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_FSs7ECY8Mg" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/205931wt6aa2bo2ku8u2ka.png" title="" alt="" data-aid="27"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block" data-id="Z6mkwlu5yH" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">第六步：Telegram 配对</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="K5BXfuyH7t" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark><mark style="background-color: rgb(255, 191, 0);"></mark>重启成功后，打开 Telegram，给你的 Bot 发一条任意消息（"哈喽"、"你好"都行）。Bot 会回复一段配对信息：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="p8sQnSsag0" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">javascript</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-p8sQnSsag0">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
</button>
<button class="editorjs-codeFlask_Toggle" id="codeflask-Toggle-p8sQnSsag0">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
</div>
<div class="editorjs-codeFlask_ContentContainer">
<div class="editorjs-codeFlask_Editor" id="codeflask-p8sQnSsag0" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-p8sQnSsag0">
<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="static/js/editorjs/tools/codeflask/codeflask150.min.js?L8J"></script>
<script type="application/javascript">
const editorElem1778072693DaCV8 = document.getElementById('codeflask-p8sQnSsag0');
var isCollapsed1778072693DaCV8 = true;
const flask1778072693DaCV8 = new CodeFlask(editorElem1778072693DaCV8, {
language: 'javascript',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1778072693DaCV8 = `OpenClaw: access not configured.
Your Telegram user id: xxxxxxxx
Pairing code: XXXXXXXX`;
code1778072693DaCV8 = code1778072693DaCV8.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1778072693DaCV8.addLanguage('javascript', Prism.languages['javascript']);
flask1778072693DaCV8.onUpdate((code) => {
// do something with code here.
// this will trigger whenever the code
// in the editor changes.
// console.log(code)
});
// flask.updateCode('');
// This will also trigger .onUpdate()
flask1778072693DaCV8.updateCode(code1778072693DaCV8);
const currentCode1778072693DaCV8 = flask1778072693DaCV8.getCode();
var coderow1778072693DaCV8 = parseInt('');
if (coderow1778072693DaCV8 === undefined || coderow1778072693DaCV8 !== coderow1778072693DaCV8 || coderow1778072693DaCV8 === 0) {
coderow1778072693DaCV8 = flask1778072693DaCV8.lineNumber;
}
if (coderow1778072693DaCV8 < 20) {
editorElem1778072693DaCV8.parentElement.style.height = '300px';
editorElem1778072693DaCV8.style.height = '300px';
} else if (coderow1778072693DaCV8 >= 20) {
editorElem1778072693DaCV8.parentElement.style.height = '500px';
editorElem1778072693DaCV8.style.height = '500px';
}
//console.log({currentCode1778072693DaCV8})
const copyBtn1778072693DaCV8 = document.getElementById('codeflask-copy-p8sQnSsag0');
copyBtn1778072693DaCV8.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1778072693DaCV8).then(function() {
// 复制成功提示
const originalText = copyBtn1778072693DaCV8.innerHTML;
copyBtn1778072693DaCV8.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
// 一段时间后恢复原文本
setTimeout(function() {
copyBtn1778072693DaCV8.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1778072693DaCV8);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1778072693DaCV8);
}
// 提取降级方案为独立函数
function fallbackCopyTextToClipboard(text) {
const textArea = document.createElement('textarea');
textArea.value = text;
textArea.style.position = 'fixed';
textArea.style.opacity = '0';
document.body.appendChild(textArea);
textArea.select();
try {
document.execCommand('copy');
const originalText = copyBtn1778072693DaCV8.innerHTML;
copyBtn1778072693DaCV8.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
setTimeout(function() {
copyBtn1778072693DaCV8.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1778072693DaCV8 = document.getElementById('codeflask-bottomBtn-p8sQnSsag0');
const Toggle1778072693DaCV8 = document.getElementById('codeflask-Toggle-p8sQnSsag0');
bottomBtn1778072693DaCV8.addEventListener('click', function() {
if (isCollapsed1778072693DaCV8) {
// 展开代码
isCollapsed1778072693DaCV8 = false;
const codeElement1778072693DaCV8 = editorElem1778072693DaCV8.querySelector('.codeflask__code');
if (codeElement1778072693DaCV8) {
const actualHeight1778072693DaCV8 = codeElement1778072693DaCV8.scrollHeight + 20;
editorElem1778072693DaCV8.parentElement.style.height = actualHeight1778072693DaCV8 + 'px';
editorElem1778072693DaCV8.style.height = actualHeight1778072693DaCV8 + 'px';
}
bottomBtn1778072693DaCV8.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1778072693DaCV8.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>';
} else {
// 折叠代码
isCollapsed1778072693DaCV8 = true;
if (coderow1778072693DaCV8 < 20) {
editorElem1778072693DaCV8.parentElement.style.height = '300px';
editorElem1778072693DaCV8.style.height = '300px';
} else if (coderow1778072693DaCV8 >= 20) {
editorElem1778072693DaCV8.parentElement.style.height = '500px';
editorElem1778072693DaCV8.style.height = '500px';
}
bottomBtn1778072693DaCV8.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1778072693DaCV8.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>';
}
});
Toggle1778072693DaCV8.addEventListener('click', function() {
bottomBtn1778072693DaCV8.click();
});
</script><div class="ce-block ce-block--focused" data-id="tMa3-8Blgb" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark>这是正常的，因为还没有完成身份绑定。复制最后一行，回到服务器终端执行：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="9xFKUiCZWV" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">javascript</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-9xFKUiCZWV">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
</button>
<button class="editorjs-codeFlask_Toggle" id="codeflask-Toggle-9xFKUiCZWV">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
</div>
<div class="editorjs-codeFlask_ContentContainer">
<div class="editorjs-codeFlask_Editor" id="codeflask-9xFKUiCZWV" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-9xFKUiCZWV">
<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="static/js/editorjs/tools/codeflask/codeflask150.min.js?L8J"></script>
<script type="application/javascript">
const editorElem1778072693FgGIT = document.getElementById('codeflask-9xFKUiCZWV');
var isCollapsed1778072693FgGIT = true;
const flask1778072693FgGIT = new CodeFlask(editorElem1778072693FgGIT, {
language: 'javascript',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1778072693FgGIT = `openclaw pairing approve telegram <你的配对码>`;
code1778072693FgGIT = code1778072693FgGIT.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1778072693FgGIT.addLanguage('javascript', Prism.languages['javascript']);
flask1778072693FgGIT.onUpdate((code) => {
// do something with code here.
// this will trigger whenever the code
// in the editor changes.
// console.log(code)
});
// flask.updateCode('');
// This will also trigger .onUpdate()
flask1778072693FgGIT.updateCode(code1778072693FgGIT);
const currentCode1778072693FgGIT = flask1778072693FgGIT.getCode();
var coderow1778072693FgGIT = parseInt('');
if (coderow1778072693FgGIT === undefined || coderow1778072693FgGIT !== coderow1778072693FgGIT || coderow1778072693FgGIT === 0) {
coderow1778072693FgGIT = flask1778072693FgGIT.lineNumber;
}
if (coderow1778072693FgGIT < 20) {
editorElem1778072693FgGIT.parentElement.style.height = '300px';
editorElem1778072693FgGIT.style.height = '300px';
} else if (coderow1778072693FgGIT >= 20) {
editorElem1778072693FgGIT.parentElement.style.height = '500px';
editorElem1778072693FgGIT.style.height = '500px';
}
//console.log({currentCode1778072693FgGIT})
const copyBtn1778072693FgGIT = document.getElementById('codeflask-copy-9xFKUiCZWV');
copyBtn1778072693FgGIT.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1778072693FgGIT).then(function() {
// 复制成功提示
const originalText = copyBtn1778072693FgGIT.innerHTML;
copyBtn1778072693FgGIT.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
// 一段时间后恢复原文本
setTimeout(function() {
copyBtn1778072693FgGIT.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1778072693FgGIT);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1778072693FgGIT);
}
// 提取降级方案为独立函数
function fallbackCopyTextToClipboard(text) {
const textArea = document.createElement('textarea');
textArea.value = text;
textArea.style.position = 'fixed';
textArea.style.opacity = '0';
document.body.appendChild(textArea);
textArea.select();
try {
document.execCommand('copy');
const originalText = copyBtn1778072693FgGIT.innerHTML;
copyBtn1778072693FgGIT.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
setTimeout(function() {
copyBtn1778072693FgGIT.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1778072693FgGIT = document.getElementById('codeflask-bottomBtn-9xFKUiCZWV');
const Toggle1778072693FgGIT = document.getElementById('codeflask-Toggle-9xFKUiCZWV');
bottomBtn1778072693FgGIT.addEventListener('click', function() {
if (isCollapsed1778072693FgGIT) {
// 展开代码
isCollapsed1778072693FgGIT = false;
const codeElement1778072693FgGIT = editorElem1778072693FgGIT.querySelector('.codeflask__code');
if (codeElement1778072693FgGIT) {
const actualHeight1778072693FgGIT = codeElement1778072693FgGIT.scrollHeight + 20;
editorElem1778072693FgGIT.parentElement.style.height = actualHeight1778072693FgGIT + 'px';
editorElem1778072693FgGIT.style.height = actualHeight1778072693FgGIT + 'px';
}
bottomBtn1778072693FgGIT.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1778072693FgGIT.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>';
} else {
// 折叠代码
isCollapsed1778072693FgGIT = true;
if (coderow1778072693FgGIT < 20) {
editorElem1778072693FgGIT.parentElement.style.height = '300px';
editorElem1778072693FgGIT.style.height = '300px';
} else if (coderow1778072693FgGIT >= 20) {
editorElem1778072693FgGIT.parentElement.style.height = '500px';
editorElem1778072693FgGIT.style.height = '500px';
}
bottomBtn1778072693FgGIT.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1778072693FgGIT.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>';
}
});
Toggle1778072693FgGIT.addEventListener('click', function() {
bottomBtn1778072693FgGIT.click();
});
</script><div class="ce-block ce-block--focused" data-id="cyXGVodSLK" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_cyXGVodSLK" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/210035irnl3brppnrqrxlx.png" title="" alt="" data-aid="28"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="7pcIN7X_c7" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <mark style="background-color: rgb(255, 191, 0);"></mark>看到 <code>Approved</code><mark style="background-color: rgb(255, 191, 0);"></mark> 提示后，回到 Telegram 再发一条消息，Bot 就能正常回复了。部署完成。 </div>
</div>
</div><div class="ce-block ce-block--focused" data-id="JWfMvk_6IE" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_JWfMvk_6IE" class="image-tool__image-picture _zoom" src="https://kjbase.com/data/attachment/forum/202604/27/210103ylbmyjtkxilkmuxl.png" title="" alt="" data-aid="29"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block" data-id="RQ6vH8AvzE" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">总结</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="LLylhoY1nc" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">整个流程 6 步：安装程序 → 申请机器人 → 跑向导 → 改配置 → 重启 → 配对。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="a80VI6mjRX" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">向导帮你搞定环境和渠道，配置文件帮你接入中转模型，各司其职。跑起来了，后续想加更多模型或者换渠道，和机器人聊，让它操作就行。</div>
</div>
</div><div class="ce-block" data-id="ay-f9gkZV5" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">常见问题</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="ALMoUKiSKC" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">No API key found for provider anthropic<span> </span>检查配置文件，<code>models</code><span> </span>和<span> </span><code>agents</code><span> </span>板块是否正确，<code>primary</code><span> </span>是否指向了<span> </span><code>aigocode/claude-opus-4-6</code>。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="8m42p9q75s" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">端口被占用（EADDRINUSE）<span> </span>用<span> </span><code>ss -tlnp | grep 18789</code><span> </span>排查占用进程。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="DBgxNxWDEt" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">openclaw: command not found<span> </span>运行<span> </span><code>npm list -g openclaw</code><span> </span>确认安装成功。如果安装了但命令找不到，运行<span> </span><code>npm config get prefix</code><span> </span>查看路径并添加到 PATH。</div>
</div>
</div><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.image-tool {
--bg-color: #cdd1e0;
--front-color: #388ae5;
--border-color: #e8e8eb;
}
.image-tool__image {
border-radius: 3px;
overflow: hidden;
margin-bottom: 10px;
}
.image-tool__image-picture {
max-width: 100%;
vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}
.image-tool__image-preloader {
width: 50px;
height: 50px;
border-radius: 50%;
background-size: cover;
margin: auto;
position: relative;
background-color: #cdd1e0;
background-position: center center;
}
.image-tool__image-preloader::after {
content: "";
position: absolute;
z-index: 3;
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #cdd1e0;
border-top-color: #388ae5;
left: 50%;
top: 50%;
margin-top: -30px;
margin-left: -30px;
animation: image-preloader-spin 2s infinite linear;
box-sizing: border-box;
}
.image-tool__caption::before {
position: absolute !important;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
}
.image-tool__caption:empty::before {
display: block;
}
.image-tool__caption:empty:focus::before {
display: none;
}
.image-tool--empty .image-tool__image {
display: none;
}
.image-tool--empty .image-tool__caption, .image-tool--loading .image-tool__caption {
display: none;
}
.image-tool .cdx-button {
display: flex;
align-items: center;
justify-content: center;
}
.image-tool .cdx-button svg {
height: auto;
margin: 0 6px 0 0;
}
.image-tool--filled .cdx-button {
display: none;
}
.image-tool--filled .image-tool__image-preloader {
display: none;
}
.image-tool--loading .image-tool__image {
min-height: 200px;
display: flex;
border: 1px solid #e8e8eb;
background-color: #fff;
}
.image-tool--loading .image-tool__image-picture {
display: none;
}
.image-tool--loading .cdx-button {
display: none;
}
/**
* Tunes
* ----------------
*/
.image-tool--withBorder .image-tool__image {
border: 1px solid #e8e8eb;
}
.image-tool--withBackground .image-tool__image {
padding: 15px;
background: #cdd1e0;
}
.image-tool--withBackground .image-tool__image-picture {
max-width: 60%;
margin: 0 auto;
}
.image-tool--stretched .image-tool__image-picture {
width: 100%;
}
.image-tool__caption {
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.cdx-list {
margin:0;
outline:none;
display:block;
counter-reset:item;
padding:6px;
}
.cdx-list__item {
line-height:1.45em;
display:block;
padding-top:8px;
margin-left: 2em;
}
.cdx-list__item-children {
display:block;
}
.cdx-list__item {
outline:none
}
.cdx-list__item-content {
word-break:break-word;
white-space:pre-wrap;
grid-area:content;
padding-left:8px
}
.cdx-list__item:before {
counter-increment:item;
white-space:nowrap
}
.cdx-list-li-container {
display: flex;
}
.cdx-list-ordered .cdx-list__item:before {
/* content:counters(item,".",numeric) "." */
}
.cdx-list-ordered {
list-style-type: none;
margin-left: -15px;
counter-reset:item;
font-size: 16px;
}
.cdx-list-unordered {
font-size: 16px;
}
.cdx-list-unordered .cdx-list__item:before {
content:"•"
}
.cdx-list-checklist .cdx-list__item:before {
content:""
}
.cdx-list__settings .cdx-settings-button {
width:50%
}
.cdx-list__checkbox {
padding-top:calc((1.45em - 1.2em) / 2);
grid-area:checkbox;
width:1.2em;
height:1.2em;
display:flex;
cursor:pointer;
font-size: 16px;
}
.cdx-list__checkbox svg {
opacity:0;
height:1.2em;
width:1.2em;
left:-1px;
top:-1px;
position:absolute
}
@media (hover:hover) {
.cdx-list__checkbox:not(.cdx-list__checkbox--no-hover):hover .cdx-list__checkbox-check svg {
opacity:1
}
}.cdx-list__checkbox--checked-1 {
line-height:1.45em
}
@media (hover:hover) {
.cdx-list__checkbox--checked-1:not(.cdx-list__checkbox--checked-1--no-hover):hover .cdx-checklist__checkbox-check {
background:#0059AB;
border-color:#0059AB
}
}.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check {
background:#369FFF;
border-color:#369FFF
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check svg {
opacity:1
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check svg path {
stroke:#fff
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check:before {
opacity:0;
visibility:visible;
transform:scale(2.5)
}
.cdx-list__checkbox-check {
cursor:pointer;
display:inline-block;
position:relative;
margin:0 auto;
width:1.2em;
height:1.2em;
box-sizing:border-box;
border-radius:5px;
border:1px solid #C9C9C9;
background:#fff
}
.cdx-list__checkbox-check:before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:100%;
background-color:#369FFF;
visibility:hidden;
pointer-events:none;
transform:scale(1);
transition:transform .4s ease-out,opacity .4s
}
.cdx-list__checkbox-check--disabled {
pointer-events:none
}
.cdx-list-start-with-field {
background:#F8F8F8;
border:1px solid rgba(226,226,229,.2);
border-radius:6px;
padding:2px;
display:grid;
grid-template-columns:auto auto 1fr;
grid-template-rows:auto
}
.cdx-list-start-with-field--invalid {
background:#FFECED;
border:1px solid #E13F3F
}
.cdx-list-start-with-field--invalid .cdx-list-start-with-field__input {
color:#e13f3f
}
.cdx-list-start-with-field__input {
font-size:16px;
outline:none;
font-weight:500;
font-family:inherit;
border:0;
background:transparent;
margin:0;
padding:0;
line-height:22px;
min-width:calc(100% - 10px)
}
.cdx-list-start-with-field__input::placeholder {
color:#797979;
font-weight:500
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
position: relative;
}
/* 主容器 */
.editorjs-codeFlask_Wrapper {
border: 1px solid #dcdfe6;
border-radius: 5px;
background-color: #f6f8fa;
margin-bottom: 10px;
position: relative;
transition: all 0.3s ease;
width: 100%;
min-height: 100px;
overflow: hidden;
}
/* 标题栏 */
.editorjs-codeFlask_Header {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 8px 12px;
background-color: #e9ecef;
border-bottom: 1px solid #dcdfe6;
position: relative;
z-index: 0; /* 从10降低到2 */
}
/* 语言显示 */
.editorjs-codeFlask_LangDisplay {
padding: 2px 8px;
background-color: #409eff;
color: white;
border-radius: 3px;
font-size: 12px;
font-weight: 500;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
}
/* 内容容器 - 禁止纵向滚动 */
.editorjs-codeFlask_ContentContainer {
position: relative;
min-height: 100px;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
transition: height 0.3s ease;
}
/* 编辑器容器 - 禁止纵向滚动 */
.editorjs-codeFlask_Editor {
position: relative;
min-height: 100px;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
transition: height 0.3s ease;
}
/* 底部按钮容器 - 优化为更简洁的样式 */
.editorjs-codeFlask_BottomButtonContainer {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
background-color: #f8f9fa;
border-top: 1px solid #e9ecef;
position: relative;
z-index: 0;
}
/* 底部横向折叠/展开按钮 - 优化样式，使其更融入设计 */
.editorjs-codeFlask_BottomToggle {
width: 100%;
background-color: transparent;
color: #606266;
border: none;
border-radius: 4px;
padding: 6px 12px;
font-size: 12px;
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
text-align: center;
position: relative;
}
.editorjs-codeFlask_BottomToggle:hover {
background-color: #e9ecef;
color: #409eff;
}
.editorjs-codeFlask_BottomToggle:active {
background-color: #dee2e6;
}
.editorjs-codeFlask_BottomToggle .toggle-icon {
font-size: 11px;
transition: transform 0.3s ease;
}
/* 展开按钮（显示"展开"文本）上边缘添加渐变虚化效果 */
.editorjs-codeFlask_BottomToggle:has(span.toggle-icon:contains("▲"))::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
background: linear-gradient(to bottom, rgba(248, 249, 250, 0) 0%, rgba(248, 249, 250, 1) 100%);
pointer-events: none;
}
/* 展开按钮（显示"展开"文本）上边缘添加渐变虚化效果 */
/* 删除不被广泛支持的:contains()选择器 */
.editorjs-codeFlask_BottomToggle.expand-mode::before {
content: '';
position: absolute;
top: -60px;
left: 0;
right: 0;
height: 60px;
background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgba(248, 249, 250, 1) 100%);
pointer-events: none;
}
/* CodeFlask 主容器样式 */
.editorjs-codeFlask_Editor .codeflask {
position: relative;
background: #fafafa;
border-radius: 0 0 4px 4px;
min-height: 100px;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
}
/* 行号容器 */
.editorjs-codeFlask_Editor .codeflask.codeflask--has-line-numbers:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40px;
background-color: #f5f5f5;
border-right: 1px solid #e0e0e0;
z-index: 0;
}
/* 行号 */
.editorjs-codeFlask_Editor .codeflask__lines {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40px;
padding: 10px 0;
background-color: #f5f5f5;
border-right: 1px solid #e0e0e0;
z-index: 0;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 14px;
line-height: 21px;
color: #666;
text-align: right;
user-select: none;
overflow: hidden;
}
.editorjs-codeFlask_Editor .codeflask__lines__line {
padding-right: 8px;
}
/* 文本区域 - 输入框 */
.editorjs-codeFlask_Editor .codeflask__textarea {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 10px;
border: none;
background: transparent;
color: transparent;
caret-color: #333;
resize: none;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 14px;
line-height: 21px;
z-index: 1;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
white-space: pre-wrap; /* 自动换行 */
tab-size: 4;
outline: none;
}
/* 添加选中文本样式 */
.editorjs-codeFlask_Editor .codeflask__textarea::selection {
background-color: #b3d4fc;
color: #333;
}
.editorjs-codeFlask_Editor .codeflask__textarea::-moz-selection {
background-color: #b3d4fc;
color: #333;
}
/* 代码预览区域 */
.editorjs-codeFlask_Editor .codeflask__pre {
position: absolute;
top: 0;
left: 0;
width: 100%; /* 确保宽度不超出容器 */
height: 100%;
padding: 10px;
margin: 0;
border: none;
background: transparent;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 14px;
line-height: 21px;
z-index: 0;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
white-space: pre-wrap; /* 自动换行 */
pointer-events: none;
}
/* 代码高亮区域 */
.editorjs-codeFlask_Editor .codeflask__code {
display: block;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 14px;
line-height: 21px;
color: #333;
white-space: pre-wrap; /* 自动换行 */
tab-size: 4;
overflow: visible;
}
/* 语法高亮样式 - 确保Prism.js样式正确应用 */
.editorjs-codeFlask_Editor .codeflask__code {
background: transparent !important;
}
/* 通用语法高亮token样式 */
.editorjs-codeFlask_Editor .token.comment,
.editorjs-codeFlask_Editor .token.prolog,
.editorjs-codeFlask_Editor .token.doctype,
.editorjs-codeFlask_Editor .token.cdata {
color: #708090;
}
.editorjs-codeFlask_Editor .token.punctuation {
color: #999;
}
.editorjs-codeFlask_Editor .token.namespace {
opacity: 0.7;
}
.editorjs-codeFlask_Editor .token.property,
.editorjs-codeFlask_Editor .token.tag,
.editorjs-codeFlask_Editor .token.boolean,
.editorjs-codeFlask_Editor .token.number,
.editorjs-codeFlask_Editor .token.constant,
.editorjs-codeFlask_Editor .token.symbol,
.editorjs-codeFlask_Editor .token.deleted {
color: #905;
}
.editorjs-codeFlask_Editor .token.selector,
.editorjs-codeFlask_Editor .token.attr-name,
.editorjs-codeFlask_Editor .token.string,
.editorjs-codeFlask_Editor .token.char,
.editorjs-codeFlask_Editor .token.builtin,
.editorjs-codeFlask_Editor .token.inserted {
color: #690;
}
.editorjs-codeFlask_Editor .token.operator,
.editorjs-codeFlask_Editor .token.entity,
.editorjs-codeFlask_Editor .token.url,
.editorjs-codeFlask_Editor .language-css .token.string,
.editorjs-codeFlask_Editor .style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, 0.5);
}
.editorjs-codeFlask_Editor .token.atrule,
.editorjs-codeFlask_Editor .token.attr-value,
.editorjs-codeFlask_Editor .token.keyword {
color: #07a;
}
.editorjs-codeFlask_Editor .token.function,
.editorjs-codeFlask_Editor .token.class-name {
color: #dd4a68;
}
.editorjs-codeFlask_Editor .token.regex,
.editorjs-codeFlask_Editor .token.important,
.editorjs-codeFlask_Editor .token.variable {
color: #e90;
}
/* 复制按钮样式 */
.editorjs-codeFlask_CopyButton {
background-color: #409eff;
color: white;
border: none;
border-radius: 3px;
padding: 6px 12px;
margin-right: 8px;
font-size: 12px;
cursor: pointer;
transition: background-color 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 28px;
}
.editorjs-codeFlask_CopyButton:hover {
background-color: #66b1ff;
}
.editorjs-codeFlask_CopyButton.copied {
background-color: #67c23a;
}
/* 折叠/展开按钮样式 */
.editorjs-codeFlask_Toggle {
background-color: #909399;
color: white;
border: none;
border-radius: 3px;
padding: 0 8px;
font-size: 12px;
cursor: pointer;
transition: background-color 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 28px;
font-weight: bold;
}
.editorjs-codeFlask_Toggle:hover {
background-color: #a6a9ad;
}
/* 响应式调整 */
@media (max-width: 768px) {
.editorjs-codeFlask_Header {
padding: 6px 8px;
}
.editorjs-codeFlask_Editor .codeflask__textarea,
.editorjs-codeFlask_Editor .codeflask__pre,
.editorjs-codeFlask_Editor .codeflask__code {
font-size: 13px;
line-height: 19px;
padding: 8px;
}
.editorjs-codeFlask_Editor .codeflask.codeflask--has-line-numbers:before {
width: 35px;
}
.editorjs-codeFlask_Editor .codeflask__lines {
width: 35px;
font-size: 12px;
}
}
/* 滚动条样式 - 完全隐藏纵向滚动条 */
.editorjs-codeFlask_Wrapper ::-webkit-scrollbar {
width: 0;/* 纵向滚动条宽度为0 */
height: 6px;/* 横向滚动条保持6px宽度 */
}
.editorjs-codeFlask_Wrapper ::-webkit-scrollbar-track {
background: transparent;
border-radius: 0;
}
.editorjs-codeFlask_Wrapper ::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 0;
}
/* Firefox 滚动条隐藏 */
.editorjs-codeFlask_Wrapper {
scrollbar-width: none;/* Firefox 隐藏纵向滚动条 */
}
.editorjs-codeFlask_Wrapper ::-moz-scrollbar {
width: 0;
height: 6px;
}
/* 焦点状态 */
.editorjs-codeFlask_Wrapper:focus-within {
border-color: #409eff;
box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}
/* 只读模式样式 */
.editorjs-codeFlask_Wrapper.readonly .editorjs-codeFlask_Header {
background-color: #f5f7fa;
}
.editorjs-codeFlask_Wrapper.readonly .editorjs-codeFlask_Editor .codeflask__textarea {
cursor: default;
}
/* 确保所有元素正确显示 */
.editorjs-codeFlask_Wrapper * {
box-sizing: border-box;
}
/* 修复行号对齐 */
.editorjs-codeFlask_Editor .codeflask--has-line-numbers .codeflask__textarea,
.editorjs-codeFlask_Editor .codeflask--has-line-numbers .codeflask__pre {
padding-left: 50px;
}
.editorjs-codeFlask_Editor .codeflask--has-line-numbers .codeflask__lines {
padding-top: 10px;
}
/* 语言显示元素 - 添加点击样式 */
.editorjs-codeFlask_LangDisplay {
padding: 2px 8px;
background-color: #409eff;
color: white;
border-radius: 3px;
font-size: 12px;
font-weight: 500;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 0.2s ease;
}
.editorjs-codeFlask_LangDisplay:hover {
background-color: #66b1ff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* 语言选择弹窗 */
.editorjs-codeFlask_LanguagePopup {
background-color: white;
border: 1px solid #dcdfe6;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 250px;
max-height: 300px;
z-index: 1000;
overflow: hidden;
}
/* 搜索框 */
.editorjs-codeFlask_LanguageSearch {
width: 100%;
padding: 8px 12px;
border: none;
border-bottom: 1px solid #ebeef5;
font-size: 12px;
outline: none;
box-sizing: border-box;
}
/* 语言列表 */
.editorjs-codeFlask_LanguagesList {
max-height: 250px;
overflow-y: auto;
}
/* 语言选项 */
.editorjs-codeFlask_LanguageItem {
padding: 8px 12px;
font-size: 12px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.editorjs-codeFlask_LanguageItem:hover {
background-color: #f5f7fa;
}
.editorjs-codeFlask_LanguageItem.selected {
background-color: #ecf5ff;
color: #409eff;
font-weight: 500;
}
/* 滚动条样式 */
.editorjs-codeFlask_LanguagesList::-webkit-scrollbar {
width: 6px;
}
.editorjs-codeFlask_LanguagesList::-webkit-scrollbar-track {
background-color: #f5f7fa;
}
.editorjs-codeFlask_LanguagesList::-webkit-scrollbar-thumb {
background-color: #c0c4cc;
border-radius: 3px;
}
.editorjs-codeFlask_LanguagesList::-webkit-scrollbar-thumb:hover {
background-color: #909399;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页:
[1]