讲师中心 微信公众号
AI工具推荐 视频效率加速

MyVibe Skills

Polar Sponsor
爱发电 赞助
.NET 9.0

将静态HTML、ZIP压缩包或目录发布到MyVibe。适用于发布网页内容的需求。

MyVibe Publish: publish 网页内容( HTML 文件、 ZIP 存档或目录) 到 MyVibe.

功能概述

MyVibe Publish: publish 网页内容( HTML 文件、 ZIP 存档或目录) 到 MyVibe.是一项面向实际任务的技能,主要用于Prerequists.;Node.js 18 或以后;

核心要点

  • 此技能中的所有脚本执行都需要网络访问;
  • 永远运行 Bash。
  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。

使用与执行

使用时应结合输入条件选择合适的执行方式,核对必要参数、依赖环境与输出内容,并按原始要求处理异常情况。从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。

结果检查与注意事项

执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。

MyVibe 发布

将网页内容(HTML 文件、ZIP 压缩包或目录)发布至 MyVibe。

前提条件

  • Node.js 18 或更高版本
  • 本技能中所有脚本执行均需网络访问权限。运行 Bash 命令时,务必添加 sandbox_permissions=require_escalated 参数,以确保启用网络权限。
  • 部署与截图生成可能耗时数分钟。请为发布命令设置 10 分钟(600000ms)超时。

使用方法

/myvibe:myvibe-publish --file ./dist.zip      # 发布 ZIP
/myvibe:myvibe-publish --file ./index.html    # 发布 HTML
/myvibe:myvibe-publish --dir ./dist           # 发布目录
/myvibe:myvibe-publish --url https://example.com/app  # 从 URL 导入并发布
/myvibe:myvibe-publish --dir ./dist --new     # 强制创建新 Vibe
/myvibe:myvibe-publish --dir ./dist --did z2qaXXX    # 更新指定 Vibe

选项

选项 别名 说明
--file -f HTML 文件或 ZIP 压缩包路径
--dir -d 待压缩并发布的目录路径
--url -u 待导入并发布的 URL
--hub -h MyVibe URL(默认值:https://www.myvibe.so/)
--title </code></td> <td><code>-t</code></td> <td>项目标题</td> </tr> <tr> <td><code>--desc <desc></code></td> <td></td> <td>项目描述</td> </tr> <tr> <td><code>--visibility <vis></code></td> <td><code>-v</code></td> <td>可见性:public 或 private(默认值:public)</td> </tr> <tr> <td><code>--did <did></code></td> <td></td> <td>Vibe DID,用于显式版本更新(覆盖自动识别)</td> </tr> <tr> <td><code>--new</code></td> <td></td> <td>强制创建新 Vibe,忽略历史发布记录</td> </tr> </tbody></table> <h2>工作流概览</h2> <ol> <li><strong>识别项目类型</strong> → 若无需构建,则在后台启动截图任务</li> <li><strong>构建</strong>(如需)→ 构建完成后,在后台启动截图任务</li> <li><strong>元数据分析</strong> → 提取标题、描述、标签</li> <li><strong>确认发布</strong> → 展示元数据,获取用户确认</li> <li><strong>执行发布</strong> → 脚本自动读取截图结果文件</li> <li><strong>返回结果</strong> → 展示发布后的 Vibe URL</li> </ol> <p><strong>首次工具调用 —— 并行执行:</strong></p> <ul> <li><code>Read</code>:读取源文件,或目录下的主文件</li> <li><code>Bash</code>:<code>git remote get-url origin 2>/dev/null || echo "Not a git repo"</code></li> <li><code>Bash</code>:<code>node {skill_path}/scripts/utils/fetch-tags.mjs --hub {hub}</code></li> </ul> <h2>步骤 1:识别项目类型</h2> <table> <thead> <tr> <th>检查项</th> <th>项目类型</th> <th>下一步</th> </tr> </thead> <tbody><tr> <td><code>--file</code> 指向 HTML/ZIP 文件</td> <td><strong>单文件</strong></td> <td>→ 启动截图,随后进入步骤 3</td> </tr> <tr> <td>存在 <code>dist/</code>、<code>build/</code> 或 <code>out/</code> 目录,且含 <code>index.html</code></td> <td><strong>预构建</strong></td> <td>→ 步骤 2(确认是否重建)</td> </tr> <tr> <td>存在含 build 脚本的 <code>package.json</code>,但无输出目录</td> <td><strong>可构建</strong></td> <td>→ 步骤 2(先构建)</td> </tr> <tr> <td>存在多个 <code>package.json</code> 或 workspace 配置</td> <td><strong>Monorepo</strong></td> <td>→ 步骤 2(选择应用)</td> </tr> <tr> <td>根目录下存在 <code>index.html</code>,且无 <code>package.json</code></td> <td><strong>静态</strong></td> <td>→ 启动截图,随后进入步骤 3</td> </tr> </tbody></table> <p><strong>针对无需构建的项目启动截图任务</strong>(run_in_background: true):</p> <p>若源为目录(<code>--dir</code>):</p> <pre class="brush:php;toolbar:false;">node {skill_path}/scripts/utils/generate-screenshot.mjs --dir {publish_target} --hub {hub} </pre> <p>若源为单文件(<code>--file</code>):</p> <pre class="brush:php;toolbar:false;">node {skill_path}/scripts/utils/generate-screenshot.mjs --file {publish_target} --hub {hub} </pre> <p>重要提示:当源为单个 HTML 文件时,请使用 <code>--file</code>;当源为目录时,请使用 <code>--dir</code>。该标志必须与发布配置中的 <code>source.type</code> 保持一致,以确保两个脚本对截图结果文件计算出相同的哈希值。</p> <p><strong>启动截图后台任务后</strong>,请使用 <code>TaskOutput</code>(设置 <code>block: false</code>)检查任务输出,再继续后续流程。若输出中包含 "agent-browser is not installed" 或 "Chromium is not installed":</p> <ol> <li>安装 agent-browser:<code>npm install -g agent-browser && agent-browser install</code></li> <li>重新运行截图命令(同上,run_in_background: true)</li> <li>再次使用 <code>TaskOutput</code>(block: false)检查,确认其已正常运行</li> </ol> <p>此举可确保截图在后台顺利完成,同时您可继续进行元数据分析。</p> <h2>步骤 2:构建(如需)</h2> <p>根据 lock 文件识别包管理器,根据 <code>package.json</code> 中的 scripts 字段识别构建命令。</p> <p>使用 <code>AskUserQuestion</code> 进行确认:</p> <ul> <li><strong>预构建</strong>:“重建还是使用现有输出?”</li> <li><strong>可构建</strong>:“发布前是否构建?”</li> <li><strong>Monorepo</strong>:“要发布哪个应用?”</li> </ul> <p>构建完成后,在后台启动截图任务(检查逻辑同步骤 1:使用 <code>TaskOutput</code>(block: false)验证 agent-browser 是否可用;如不可用则安装;再重试),随后进入步骤 3。</p> <h2>步骤 3:元数据分析</h2> <h3>提取标题</h3> <p>优先级顺序:<code><title></code> → <code>og:title</code> → <code>package.json</code> 中的 name 字段 → 第一个 <code><h1></code> 标签内容</p> <h3>生成描述(50–150 字,叙事风格)</h3> <p>涵盖三方面:<strong>为何</strong>(动机)→ <strong>为何物</strong>(功能)→ <strong>历程</strong>(可选)</p> <p>信息来源:对话历史、README.md、源代码、package.json、git log</p> <p>撰写指南:</p> <ul> <li>采用自然、口语化的表达方式</li> <li>聚焦价值与故事性,而非技术规格</li> <li>避免泛泛而谈,例如“一个基于 React 构建的 Web 应用”</li> </ul> <h3>提取 githubRepo</h3> <p>来源为 git 远程仓库地址或 package.json 中的 repository 字段。SSH 地址需转换为 HTTPS 格式。</p> <h3>匹配标签</h3> <p>获取标签列表:<code>node {skill_path}/scripts/utils/fetch-tags.mjs --hub {hub}</code></p> <table> <thead> <tr> <th>标签类型</th> <th>匹配方式</th> </tr> </thead> <tbody><tr> <td><strong>techStackTags</strong></td> <td>将 package.json 中的依赖项与标签 slug 进行匹配</td> </tr> <tr> <td><strong>platformTags</strong></td> <td>依据对话上下文(如 Claude Code、Cursor 等)确定</td> </tr> <tr> <td><strong>modelTags</strong></td> <td>依据对话上下文(如 Claude 3.5 Sonnet、GPT-4 等)确定</td> </tr> <tr> <td><strong>categoryTags</strong></td> <td>根据项目推断(如含游戏库 → game;含图表组件 → viz)</td> </tr> </tbody></table> <h2>步骤 4:确认发布</h2> <p>展示元数据,并使用 <code>AskUserQuestion</code> 交互:</p> <pre class="brush:php;toolbar:false;">Publishing to MyVibe: ────────────────────── Title: [value] Description: [50–150 字叙事描述] GitHub: [URL 或 "Not detected"] Cover Image: [若已就绪则包含] Tags: Tech Stack: [...] | Platform: [...] | Category: [...] | Model: [...] </pre> <p>可选项:“Publish” / “Edit details”</p> <h2>步骤 5:执行发布</h2> <p><strong>检查依赖项</strong>:若 <code>scripts/node_modules</code> 缺失,则先运行 <code>npm install</code>。<br> 发布脚本将自动读取截图结果文件。请直接执行发布命令:</p> <p>通过 stdin 传入配置:</p> <pre class="brush:php;toolbar:false;">node {skill_path}/scripts/publish.mjs --config-stdin <<'EOF' { "source": { "type": "dir", "path": "./dist", "did": "z2qaXXXX" }, "hub": "https://www.myvibe.so", "metadata": { "title": "My App", "description": "Story description here", "visibility": "public", "githubRepo": "https://github.com/user/repo", "platformTags": [1, 2], "techStackTags": [3, 4], "categoryTags": [5], "modelTags": [6] } } EOF </pre> <ul> <li><code>did</code> 为可选字段 —— 仅用于显式版本更新</li> <li><code>coverImage</code> 自动从 <code>/tmp/myvibe-screenshot-{hash}.json</code> 读取</li> <li>截图结果文件将在发布完成后自动清理</li> </ul> <h2>步骤 6:返回结果</h2> <p>发布脚本执行完毕后,<strong>请检查脚本输出</strong> 中是否包含以下消息:</p> <h3>成功消息</h3> <p>响应中必须始终包含 Vibe URL:</p> <pre class="brush:php;toolbar:false;">Published successfully! 🔗 [URL] </pre> <h3>升级提示(重要)</h3> <p>当更新已有 Vibe 但未启用版本历史功能时,脚本会打印如下升级提示:</p> <pre class="brush:php;toolbar:false;">📦 Previous version overwritten. Want to keep version history? Upgrade to Creator → {hub}/pricing </pre> <p><strong>若脚本输出中包含此提示,您必须将其完整呈现在对用户的响应中。</strong> 这有助于免费版用户了解版本历史功能。</p> <h2>错误处理</h2> <table> <thead> <tr> <th>错误</th> <th>操作</th> </tr> </thead> <tbody><tr> <td>缺少依赖项</td> <td>在 scripts 目录下运行 <code>npm install</code></td> </tr> <tr> <td>401/403 认证错误</td> <td>令牌将被自动清除,请重新运行以完成授权</td> </tr> <tr> <td>构建失败</td> <td>分析错误原因,提供修复建议,或按原样发布源码</td> </tr> <tr> <td>截图失败</td> <td>跳过 coverImage,继续发布流程</td> </tr> <tr> <td>agent-browser 缺失</td> <td>运行 <code>npm install -g agent-browser && agent-browser install</code></td> </tr> <tr> <td>脚本执行失败(网络/沙箱限制)</td> <td>检查是否启用了网络权限。添加 <code>sandbox_permissions=require_escalated</code> 后重试</td> </tr> <tr> <td>Private mode 仅限 Creator 和 Studio 用户使用</td> <td>参见下方“Private Mode 错误处理”</td> </tr> </tbody></table> <h3>Private Mode 错误处理</h3> <p>当使用 <code>visibility: private</code> 发布失败并提示“Private mode is only available for Creator and Studio users”时,请使用 <code>AskUserQuestion</code> 让用户选择后续操作:</p> <p><strong>问题:</strong>“私有发布需要 Creator 或 Studio 订阅。您希望如何继续?”</p> <table> <thead> <tr> <th>选项</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody><tr> <td>1</td> <td>Publish as Public</td> <td>您的 Vibe 将对所有人可见。您可在升级后随时更改此设置。</td> </tr> <tr> <td>2</td> <td>View Upgrade Options</td> <td>打开定价页面,查看支持私有发布的订阅方案。</td> </tr> </tbody></table> <p><strong>根据用户选择执行的操作:</strong></p> <ul> <li><strong>选项 1</strong>:以 <code>visibility: "public"</code> 重新运行发布命令,并告知用户 Vibe 已设为公开</li> <li><strong>选项 2</strong>:展示定价 URL <code>{hub}/pricing</code>,并终止当前发布流程</li> </ul> <h2>注意事项</h2> <ul> <li>始终分析内容以生成有意义的标题与描述 —— 切勿直接使用目录名</li> <li>发布前务必获得用户确认</li> <li>默认 hub:https://www.myvibe.so/</li> <li>每次发布时均从 API 动态获取最新标签</li> <li>发布历史记录保存于 <code>~/.myvibe/published.yaml</code>,用于自动版本更新</li> <li>使用 <code>--new</code> 可强制创建新 Vibe,而非更新已有 Vibe</li> </ul> </div> </div> <script> layui.use(["jquery"], function () { var $ = layui.jquery; function switchIndexMain21Tab(index) { $("#skillML3_title button").eq(index).addClass("active").siblings().removeClass("active"); $("#skillML3_body .skillML3_bodys").eq(index).addClass("active").siblings().removeClass("active"); } $("#skillML3_title button").click(function () { switchIndexMain21Tab($(this).index()); }); }); </script> <div class="catalogue_card"> <div class="catalogue_card_title"> <b></b> <span>目录</span> </div> <div class="catalogue_cards"></div> </div> <div class="artlef-down"> <div class="authormore"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>作者最新文章</p> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317192.html" title="AndroidX 库中方法的弃用机制:基于库版本而非 Android 系统版本"><b></b> <p class="overflowclass">AndroidX 库中方法的弃用机制:基于库版本而非 Android 系统版本</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 09:59</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317235.html" title="Python装饰器中函数返回值丢失的常见原因与修复方法"><b></b> <p class="overflowclass">Python装饰器中函数返回值丢失的常见原因与修复方法</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 10:05</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317281.html" title="如何在 Java 中实现按概率触发的随机事件"><b></b> <p class="overflowclass">如何在 Java 中实现按概率触发的随机事件</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 10:11</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317298.html" title="发售倒计时7天!黄海为《影之刃零》绘制收藏铁盒封绘,红线牵引的表里武林!"><b></b> <p class="overflowclass">发售倒计时7天!黄海为《影之刃零》绘制收藏铁盒封绘,红线牵引的表里武林!</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 10:13</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317380.html" title="如何消除列表项内表格顶部的多余空白间隙"><b></b> <p class="overflowclass">如何消除列表项内表格顶部的多余空白间隙</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 10:24</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317384.html" title="Java 模块系统中 java.sql 类型不可访问警告的解决方案"><b></b> <p class="overflowclass">Java 模块系统中 java.sql 类型不可访问警告的解决方案</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 10:24</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317388.html" title="PHP 工具函数文件直接暴露在 Web 根目录下的安全风险分析"><b></b> <p class="overflowclass">PHP 工具函数文件直接暴露在 Web 根目录下的安全风险分析</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 10:24</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317391.html" title="Python 装饰器中忘记返回被装饰函数结果导致意外返回 None 的解决方案"><b></b> <p class="overflowclass">Python 装饰器中忘记返回被装饰函数结果导致意外返回 None 的解决方案</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 10:24</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317400.html" title="PHP 工具函数文件直接暴露在 Web 根目录下是否构成安全风险?"><b></b> <p class="overflowclass">PHP 工具函数文件直接暴露在 Web 根目录下是否构成安全风险?</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 10:26</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" target="_blank" href="/faq/3317407.html" title="《饿狼传说:群狼之城》Nintendo Switch™ 2版今日(10月22日)正式发售!"><b></b> <p class="overflowclass">《饿狼传说:群狼之城》Nintendo Switch™ 2版今日(10月22日)正式发售!</p> </a> <div class="authtime flexRow"> <b></b> <p>2026-10-23 10:27</p> </div> </div> </div> </div> <div class="moreAi"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门AI工具</p> </div> <a class="rititle-more flexRow" target="_blank" href="/ai" title="热门AI工具"><span>更多</span><b></b></a> </div> <div class="moreailist flexRow"> <div class="aibtns flexRow"> <a target="_blank" href="/ai/2202" title="UP简历" class="aibtnimga"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679998510823.png?x-oss-process=image/resize,m_mfit,h_76,w_76,limit_0" alt="UP简历" class="aibtnimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'" /> </a> <div class="aibtn-right flexColumn"> <div class="abripone_f"> <a target="_blank" href="/ai/2202" title="UP简历" class="overflowclass abripone">UP简历</a> <span class="hot_span">Hot</span> </div> <p class="overflowclass abriptwo">一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。</p> <div class="aidconstab flexRow"> <a title="AI办公学习" class="aidcontbp flexRow flexcenter" href="/ai/tag/office" target="_blank" >AI办公学习</a><a title="工作效率" class="aidcontbp flexRow flexcenter" href="/ai/tag/office/work" target="_blank" >工作效率</a> </div> </div> </div> <div class="aibtns flexRow"> <a target="_blank" href="/ai/723" title="DeepSeek" class="aibtnimga"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_76,w_76,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'" /> </a> <div class="aibtn-right flexColumn"> <div class="abripone_f"> <a target="_blank" href="/ai/723" title="DeepSeek" class="overflowclass abripone">DeepSeek</a> </div> <p class="overflowclass abriptwo">DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。</p> <div class="aidconstab flexRow"> <a title="AI编程开发" class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI编程开发</a><a title="AI聊天问答" class="aidcontbp flexRow flexcenter" href="/ai/tag/chat" target="_blank" >AI聊天问答</a> </div> </div> </div> <div class="aibtns flexRow"> <a target="_blank" href="/ai/726" title="豆包大模型" class="aibtnimga"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/69b379b1c5e3f597.png?x-oss-process=image/resize,m_mfit,h_76,w_76,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'" /> </a> <div class="aibtn-right flexColumn"> <div class="abripone_f"> <a target="_blank" href="/ai/726" title="豆包大模型" class="overflowclass abripone">豆包大模型</a> </div> <p class="overflowclass abriptwo">豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。</p> <div class="aidconstab flexRow"> <a title="AI编程开发" class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI编程开发</a><a title="AI大模型" class="aidcontbp flexRow flexcenter" href="/ai/tag/code/large-model" target="_blank" >AI大模型</a> </div> </div> </div> <div class="aibtns flexRow"> <a target="_blank" href="/ai/2686" title="WorkBuddy" class="aibtnimga"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/177086639789686.png?x-oss-process=image/resize,m_mfit,h_76,w_76,limit_0" alt="WorkBuddy" class="aibtnimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'" /> </a> <div class="aibtn-right flexColumn"> <div class="abripone_f"> <a target="_blank" href="/ai/2686" title="WorkBuddy" class="overflowclass abripone">WorkBuddy</a> </div> <p class="overflowclass abriptwo">一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。</p> <div class="aidconstab flexRow"> <a title="AI办公学习" class="aidcontbp flexRow flexcenter" href="/ai/tag/office" target="_blank" >AI办公学习</a><a title="Agent智能体" class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a> </div> </div> </div> <div class="aibtns flexRow"> <a target="_blank" href="/ai/4298" title="PixPix" class="aibtnimga"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/6abb48da4cf94897.webp?x-oss-process=image/resize,m_mfit,h_76,w_76,limit_0" alt="PixPix" class="aibtnimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'" /> </a> <div class="aibtn-right flexColumn"> <div class="abripone_f"> <a target="_blank" href="/ai/4298" title="PixPix" class="overflowclass abripone">PixPix</a> <span class="hot_span">Hot</span> </div> <p class="overflowclass abriptwo">PixPix是一款面向电商视觉生产的AI商品图生成工具。</p> <div class="aidconstab flexRow"> <a title="电商工具" class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-fuwu/dianshang" target="_blank" >电商工具</a><a title="AI绘画作图" class="aidcontbp flexRow flexcenter" href="/ai/tag/image" target="_blank" >AI绘画作图</a> </div> </div> </div> <div class="aibtns flexRow"> <a target="_blank" href="/ai/2057" title="Lovart" class="aibtnimga"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/6a8ba847c2b41496.gif?x-oss-process=image/resize,m_mfit,h_76,w_76,limit_0" alt="Lovart" class="aibtnimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'" /> </a> <div class="aibtn-right flexColumn"> <div class="abripone_f"> <a target="_blank" href="/ai/2057" title="Lovart" class="overflowclass abripone">Lovart</a> <span class="hot_span">Hot</span> </div> <p class="overflowclass abriptwo">一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。</p> <div class="aidconstab flexRow"> <a title="AI设计工具" class="aidcontbp flexRow flexcenter" href="/ai/tag/design" target="_blank" >AI设计工具</a><a title="Agent智能体" class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a> </div> </div> </div> <div class="aibtns flexRow"> <a target="_blank" href="/ai/2754" title="Loomy" class="aibtnimga"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/177389071339356.png?x-oss-process=image/resize,m_mfit,h_76,w_76,limit_0" alt="Loomy" class="aibtnimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'" /> </a> <div class="aibtn-right flexColumn"> <div class="abripone_f"> <a target="_blank" href="/ai/2754" title="Loomy" class="overflowclass abripone">Loomy</a> <span class="hot_span">Hot</span> </div> <p class="overflowclass abriptwo">一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。</p> <div class="aidconstab flexRow"> <a title="Agent智能体" class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a><a title="桌面Agent" class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent/desktop-agent" target="_blank" >桌面Agent</a> </div> </div> </div> <div class="aibtns flexRow"> <a target="_blank" href="/ai/2828" title="二狗PPT" class="aibtnimga"> <img src="https://img.php.cn/upload/ai_manual/000/969/633/6a82e3c42a14b682.webp?x-oss-process=image/resize,m_mfit,h_76,w_76,limit_0" alt="二狗PPT" class="aibtnimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'" /> </a> <div class="aibtn-right flexColumn"> <div class="abripone_f"> <a target="_blank" href="/ai/2828" title="二狗PPT" class="overflowclass abripone">二狗PPT</a> <span class="hot_span">Hot</span> </div> <p class="overflowclass abriptwo">一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。</p> <div class="aidconstab flexRow"> <a title="文档处理" class="aidcontbp flexRow flexcenter" href="/ai/tag/office/docs" target="_blank" >文档处理</a><a title="PPT 助手" class="aidcontbp flexRow flexcenter" href="/ai/tag/office/ppt" target="_blank" >PPT 助手</a> </div> </div> </div> <div class="aibtns flexRow"> <a target="_blank" href="/ai/2785" title="VibeKnow" class="aibtnimga"> <img src="https://img.php.cn/upload/ai_manual/000/969/633/6a82e46dd668f740.webp?x-oss-process=image/resize,m_mfit,h_76,w_76,limit_0" alt="VibeKnow" class="aibtnimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'" /> </a> <div class="aibtn-right flexColumn"> <div class="abripone_f"> <a target="_blank" href="/ai/2785" title="VibeKnow" class="overflowclass abripone">VibeKnow</a> <span class="hot_span">Hot</span> </div> <p class="overflowclass abriptwo">一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。</p> <div class="aidconstab flexRow"> <a title="AI视频创作" class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-video-creation" target="_blank" >AI视频创作</a><a title="视频生成" class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-video-creation/video-generate" target="_blank" >视频生成</a> </div> </div> </div> </div> </div> </div> </div> <div class="skillMR"> <div class="artrig-adv "> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class="hotzt artdtzt"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关专题</p> </div> <a class="rititle-more flexRow" href="/faq/zt" title="相关专题" target="_blank"><span>更多</span><b></b></a> </div> <div class="hotztuls flexColumn"> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/gradlecjkfrmj" class="aClass flexRow hotzta" title="Gradle插件开发入门教程"><img src="https://img.php.cn/upload/subject/000/000/085/6ad9dfa21e58e391.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Gradle插件开发入门教程" class="hotztaimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/gradlecjkfrmj" class="aClass flexRow hotztra overflowclass" title="Gradle插件开发入门教程">Gradle插件开发入门教程</a> <p class="aClass flexRow hotztrp overflowclass">本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.10.22</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/gradlewppzjc" class="aClass flexRow hotzta" title="Gradle Wrapper配置教程"><img src="https://img.php.cn/upload/subject/000/000/085/6ad9de17d41f0542.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Gradle Wrapper配置教程" class="hotztaimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/gradlewppzjc" class="aClass flexRow hotztra overflowclass" title="Gradle Wrapper配置教程">Gradle Wrapper配置教程</a> <p class="aClass flexRow hotztrp overflowclass">本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.10.22</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/golangcijcq" class="aClass flexRow hotzta" title="Golangci-lint检查器使用教程"><img src="https://img.php.cn/upload/subject/000/000/098/6ad9dd901b330239.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Golangci-lint检查器使用教程" class="hotztaimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/golangcijcq" class="aClass flexRow hotztra overflowclass" title="Golangci-lint检查器使用教程">Golangci-lint检查器使用教程</a> <p class="aClass flexRow hotztrp overflowclass">本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.10.22</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/gradlezmgjjxm" class="aClass flexRow hotzta" title="Gradle怎么构建Java项目"><img src="https://img.php.cn/upload/subject/000/000/085/6ad9dcbf0b972752.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Gradle怎么构建Java项目" class="hotztaimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/gradlezmgjjxm" class="aClass flexRow hotztra overflowclass" title="Gradle怎么构建Java项目">Gradle怎么构建Java项目</a> <p class="aClass flexRow hotztrp overflowclass">本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.10.22</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/phpsjcldxfjc" class="aClass flexRow hotzta" title="PHP时间戳漏洞修复教程"><img src="https://img.php.cn/upload/subject/000/000/086/6ad9d7719ac88655.webp?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="PHP时间戳漏洞修复教程" class="hotztaimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/phpsjcldxfjc" class="aClass flexRow hotztra overflowclass" title="PHP时间戳漏洞修复教程">PHP时间戳漏洞修复教程</a> <p class="aClass flexRow hotztrp overflowclass">本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.10.22</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/golangcipzwj" class="aClass flexRow hotzta" title="Golangci-lint配置文件与规则设置"><img src="https://img.php.cn/upload/subject/000/000/098/6ad9d3140c27e800.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Golangci-lint配置文件与规则设置" class="hotztaimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/golangcipzwj" class="aClass flexRow hotztra overflowclass" title="Golangci-lint配置文件与规则设置">Golangci-lint配置文件与规则设置</a> <p class="aClass flexRow hotztrp overflowclass">本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.10.22</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/golangciazyrm" class="aClass flexRow hotzta" title="Golangci-lint安装与入门教程"><img src="https://img.php.cn/upload/subject/000/000/098/6ad9cdeb68654566.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Golangci-lint安装与入门教程" class="hotztaimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/golangciazyrm" class="aClass flexRow hotztra overflowclass" title="Golangci-lint安装与入门教程">Golangci-lint安装与入门教程</a> <p class="aClass flexRow hotztrp overflowclass">本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查,覆盖本地环境、Docker及多平台用法,帮助Go开发者快速上手。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.10.22</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/php2shellloud" class="aClass flexRow hotzta" title="PHP2Shell高危漏洞修复教程"><img src="https://img.php.cn/upload/subject/000/000/086/6ad9cc3436ea9984.webp?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="PHP2Shell高危漏洞修复教程" class="hotztaimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/php2shellloud" class="aClass flexRow hotztra overflowclass" title="PHP2Shell高危漏洞修复教程">PHP2Shell高危漏洞修复教程</a> <p class="aClass flexRow hotztrp overflowclass">PHP2Shell漏洞是什么,哪些PHP版本和运行环境会受到影响,服务器应该如何检测与修复?本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤,以及修复验证、临时缓解和应急响应方案。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.10.22</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/jyrwsdygxgl" class="aClass flexRow hotzta" title="剧云人物设定与关系管理教程"><img src="https://img.php.cn/upload/subject/000/000/098/6ad9c3d4be63c634.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="剧云人物设定与关系管理教程" class="hotztaimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/jyrwsdygxgl" class="aClass flexRow hotztra overflowclass" title="剧云人物设定与关系管理教程">剧云人物设定与关系管理教程</a> <p class="aClass flexRow hotztrp overflowclass">本专题介绍剧云人物设定与关系管理,讲解角色小传、性格职业、人物目标、背景资料和关系网络的创建及维护方法。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.10.22</p> </div> </div> </div> </div> </div> </div> <div class="hotdownload "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门下载</p> </div> <a target="_blank" class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a> </div> <div class="hotdownTab"> <div class="hdTabs flexRow"> <div class="check" data-id="onef">网站特效 <b></b> </div> / <div class="" data-id="twof">网站源码 <b></b></div> / <div class="" data-id="threef">网站素材 <b></b></div> / <div class="" data-id="fourf">前端模板 <b></b></div> </div> <ul class="onef"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="登录表单页面js,现代化登录页面模板" href="/xiazai/js/10373"><span>[表单按钮]</span><span>登录表单页面js,现代化登录页面模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="注册表单布局HTML代码,登录注册切换js模板" href="/xiazai/js/10372"><span>[表单按钮]</span><span>注册表单布局HTML代码,登录注册切换js模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="文字透视变形设计,有趣的css滑动动画" href="/xiazai/js/10371"><span>[文字特效]</span><span>文字透视变形设计,有趣的css滑动动画</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="精美登录注册UI,登录页面设计模板" href="/xiazai/js/10370"><span>[表单按钮]</span><span>精美登录注册UI,登录页面设计模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="意境背景图片唯美下载,云破月来花弄影素材" href="/xiazai/js/10369"><span>[图片特效]</span><span>意境背景图片唯美下载,云破月来花弄影素材</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="液体背景制作,创意液体文字动画" href="/xiazai/js/10368"><span>[其它特效]</span><span>液体背景制作,创意液体文字动画</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="html滑块选择器,简单的滑块控制数字表达式" href="/xiazai/js/10367"><span>[其它特效]</span><span>html滑块选择器,简单的滑块控制数字表达式</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="文本闪烁css,文字闪光动图特效" href="/xiazai/js/10366"><span>[其它特效]</span><span>文本闪烁css,文字闪光动图特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="css滑块效果,气球移动动画效果图素材" href="/xiazai/js/10365"><span>[其它特效]</span><span>css滑块效果,气球移动动画效果图素材</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="手写字体设计,好看的svg文字特效" href="/xiazai/js/10364"><span>[其它特效]</span><span>手写字体设计,好看的svg文字特效</span></a> </div> </li> </ul> <ul class="twof" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12061" title="CodeIgniter4.6.1"><span>[开发框架]</span><span>CodeIgniter4.6.1</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12060" title="Django Web框架5.2.2"><span>[开发框架]</span><span>Django Web框架5.2.2</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12059" title="NutzFw企业级快速开发框架1.0.3"><span>[开发框架]</span><span>NutzFw企业级快速开发框架1.0.3</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12058" title="go-admin前后端分离权限管理系统脚手架2.2.0"><span>[开发框架]</span><span>go-admin前后端分离权限管理系统脚手架2.2.0</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12057" title="Ember.js3.28.9"><span>[开发框架]</span><span>Ember.js3.28.9</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12056" title="MaxKey单点登录认证系统3.3.3"><span>[开发框架]</span><span>MaxKey单点登录认证系统3.3.3</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12055" title="PHP7框架Phalcon71.2.3"><span>[开发框架]</span><span>PHP7框架Phalcon71.2.3</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12054" title="TimoPHP开发框架1.4.1"><span>[开发框架]</span><span>TimoPHP开发框架1.4.1</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12053" title="猿团YTF框架1.0"><span>[开发框架]</span><span>猿团YTF框架1.0</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12052" title="zentaophp框架3.0"><span>[开发框架]</span><span>zentaophp框架3.0</span> </a> </div> </li> </ul> <ul class="threef" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4925" title="复古旧物服饰海报矢量模板"><span>[网站素材]</span><span>复古旧物服饰海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4924" title="2027年新年快乐宣传海报设计下载"><span>[网站素材]</span><span>2027年新年快乐宣传海报设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4923" title="二十四节气立冬海报矢量模板"><span>[网站素材]</span><span>二十四节气立冬海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4922" title="爵士酒吧派对海报矢量模板"><span>[网站素材]</span><span>爵士酒吧派对海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4921" title="万圣节主题横幅海报模板设计源文件下载"><span>[网站素材]</span><span>万圣节主题横幅海报模板设计源文件下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4920" title="精致咖啡下午茶元素合集矢量素材"><span>[网站素材]</span><span>精致咖啡下午茶元素合集矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4919" title="蓝色风格汉堡美食餐饮海报模板设计下载"><span>[网站素材]</span><span>蓝色风格汉堡美食餐饮海报模板设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4918" title="扁平万圣节主题矢量插图"><span>[网站素材]</span><span>扁平万圣节主题矢量插图</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4917" title="北欧简约室内绿植合集矢量素材"><span>[网站素材]</span><span>北欧简约室内绿植合集矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4916" title="复古电影胶片元素合集矢量素材"><span>[网站素材]</span><span>复古电影胶片元素合集矢量素材</span> </a> </div> </li> </ul> <ul class="fourf" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12112" title="探索文化产业服务机构网站模板"><span>[前端模板]</span><span>探索文化产业服务机构网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12111" title="现代商业数字化服务公司网站模板"><span>[前端模板]</span><span>现代商业数字化服务公司网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12110" title="响应式烟草公司HTML5网站模板"><span>[前端模板]</span><span>响应式烟草公司HTML5网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12109" title="园艺服务机构响应式网页模板"><span>[前端模板]</span><span>园艺服务机构响应式网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12108" title="HTML5日本动画动漫网站模板"><span>[前端模板]</span><span>HTML5日本动画动漫网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12107" title="蛋糕烘焙美食宣传网站模板"><span>[前端模板]</span><span>蛋糕烘焙美食宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12106" title="黑白风格律师个人简历展示网页模板"><span>[前端模板]</span><span>黑白风格律师个人简历展示网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12105" title="黑色风格摄影工作室宣传网站模板"><span>[前端模板]</span><span>黑色风格摄影工作室宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12104" title="响应式金融公司HTML5网站模板"><span>[前端模板]</span><span>响应式金融公司HTML5网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/12103" title="HTML5音乐节演唱会宣传网站模板"><span>[前端模板]</span><span>HTML5音乐节演唱会宣传网站模板</span> </a> </div> </li> </ul> </div> <script> $('.hdTabs>div').click(function (e) { $('.hdTabs>div').removeClass('check') $(this).addClass('check') $('.hotdownTab>ul').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> <div class="xgarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关下载</p> </div> <a target="_blank" class="rititle-more flexRow" href="/xiazai" title="相关下载"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="MDPHP(麦迪php框架系统)1.1" href="/xiazai/code/12051">MDPHP(麦迪php框架系统)1.1</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP 多国语言框架2.0" href="/xiazai/code/12046">PHP 多国语言框架2.0</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="ujframe简单快速PHP开发框架1.0" href="/xiazai/code/12045">ujframe简单快速PHP开发框架1.0</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="php轻量型框架1.0" href="/xiazai/code/12044">php轻量型框架1.0</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="MyQEE开源PHP多项目及模块化开发框架3.0 RC2" href="/xiazai/code/12041">MyQEE开源PHP多项目及模块化开发框架3.0 RC2</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="php开源学习型框架CMVC1.2.0" href="/xiazai/code/12040">php开源学习型框架CMVC1.2.0</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP框架Kohana3.3.1" href="/xiazai/code/12039">PHP框架Kohana3.3.1</a></div> </div> </div> <div class="jpkc"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>精品课程</p> </div> <a class="rititle-more flexRow" target="_blank" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a> </div> <div class=" jpkcTab"> <div class=" jpkcTabs flexRow"> <div class="check" data-id="onefd">相关推荐 <b></b> </div> / <div class="" data-id="twofd">热门推荐 <b></b></div> / <div class="" data-id="threefd">最新课程 <b></b></div> </div> <div class="onefd jpktabd"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1805.html" title="Codex官方文档"> <img onerror="this.onerror=''; this.src='https://staticw.php.cn/static/lhimages/moren/morenfengmian.png'" src="https://img.php.cn/upload/course/000/000/080/6a164ef232b38294.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Codex官方文档" class="ristyAimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1805.html" title="Codex官方文档" class="rirightp overflowclass">Codex官方文档</a> <div class="risrdown flexRow"> <p>共0课时 | 0人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1792.html" title="QClaw产品手册"> <img onerror="this.onerror=''; this.src='https://staticw.php.cn/static/lhimages/moren/morenfengmian.png'" src="https://img.php.cn/upload/course/000/000/080/6a0e7b44694ae886.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="QClaw产品手册" class="ristyAimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1792.html" title="QClaw产品手册" class="rirightp overflowclass">QClaw产品手册</a> <div class="risrdown flexRow"> <p>共0课时 | 0人学习</p> </div> </div> </div> </div> <div class="twofd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> <p>共6课时 | 12.1万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="ristyAimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="rirightp overflowclass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="risrdown flexRow"> <p>共79课时 | 161.4万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程"> <img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程" class="rirightp overflowclass">phpStudy极速入门视频教程</a> <div class="risrdown flexRow"> <p>共6课时 | 54.7万人学习</p> </div> </div> </div> </div> <div class="threefd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a target="_blank" href="/course/2197.html" title="Golangci-lint命令行使用演示"> <img src="https://img.php.cn/upload/course/000/000/098/6ad9d443e4295546.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Golangci-lint命令行使用演示" class="ristyAimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/2197.html" title="Golangci-lint命令行使用演示" class="rirightp overflowclass">Golangci-lint命令行使用演示</a> <div class="risrdown flexRow"> <p>共0课时 | 0人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/2196.html" title="Go夜读:golint及Golangci-lint介绍和使用"> <img src="https://img.php.cn/upload/course/000/000/098/6ad9d443e4295546.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Go夜读:golint及Golangci-lint介绍和使用" class="ristyAimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/2196.html" title="Go夜读:golint及Golangci-lint介绍和使用" class="rirightp overflowclass">Go夜读:golint及Golangci-lint介绍和使用</a> <div class="risrdown flexRow"> <p>共0课时 | 0人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/2195.html" title="1小时Playwright自动化测试从入门到精通教程"> <img src="https://img.php.cn/upload/course/000/000/090/6ad5d40b0aea3589.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="1小时Playwright自动化测试从入门到精通教程" class="ristyAimg" onerror="this.src='https://staticw.php.cn/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/2195.html" title="1小时Playwright自动化测试从入门到精通教程" class="rirightp overflowclass">1小时Playwright自动化测试从入门到精通教程</a> <div class="risrdown flexRow"> <p>共0课时 | 0人学习</p> </div> </div> </div> </div> <script> $('.jpkcTabs>div').click(function (e) { $('.jpkcTabs>div').removeClass('check') $(this).addClass('check') $('.jpkcTab .jpktabd').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> </div> <div class="zxarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>最新文章</p> </div> <a class="rititle-more flexRow" href="/article.html" title="最新文章" target="_blank"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="讯飞智作教程配音怎么避免命令式语气_讯飞智作教程讲解口吻调整指南" href="/faq/3325703.html">讯飞智作教程配音怎么避免命令式语气_讯飞智作教程讲解口吻调整指南</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="AionClaw怎么测试接口对非法输入的处理" href="/faq/3325702.html">AionClaw怎么测试接口对非法输入的处理</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="讯飞绘文爆款标题怎么优化?实用技巧分享" href="/faq/3325699.html">讯飞绘文爆款标题怎么优化?实用技巧分享</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="VibeKnow怎么把多步推理拆成连续图解" href="/faq/3325698.html">VibeKnow怎么把多步推理拆成连续图解</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PixPix商品视频生成失败怎么排查素材问题" href="/faq/3325694.html">PixPix商品视频生成失败怎么排查素材问题</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="updream怎么写靠误会推动的剧情_updream误会型故事策划技巧" href="/faq/3325688.html">updream怎么写靠误会推动的剧情_updream误会型故事策划技巧</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Seko短剧同一角色换场景后变脸怎么办" href="/faq/3325686.html">Seko短剧同一角色换场景后变脸怎么办</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Muse Wonder Full如何完成大型代码库的整体修改" href="/faq/3325685.html">Muse Wonder Full如何完成大型代码库的整体修改</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="腾讯问卷怎么从草稿箱继续编辑问卷" href="/faq/3325683.html">腾讯问卷怎么从草稿箱继续编辑问卷</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="讯飞绘文怎么通过AI生成不同平台调性的标题" href="/faq/3325680.html">讯飞绘文怎么通过AI生成不同平台调性的标题</a></div> </div> </div> </div> </div> </div> <!--底部--> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a target="_blank" href="/about/us.html" rel="nofollow" title="关于我们" class="cBlack">关于我们</a> <a target="_blank" href="/about/disclaimer.html" rel="nofollow" title="免责申明" class="cBlack">免责申明</a> <a target="_blank" href="/about/jbzx.html" rel="nofollow" title="举报中心" class="cBlack">举报中心</a> <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a target="_blank" href="https://www.php.cn/teacher.html" rel="nofollow" title="讲师合作" class="cBlack">讲师合作</a> <a target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" title="广告合作" class="cBlack">广告合作</a> <a target="_blank" href="/new/" title="最新文章列表" class="cBlack">最新更新</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网:公益在线php培训,帮助PHP学习者快速成长!</dd> <dd class="cont2"> <span class="ylwTopBox"> <a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br />关注PHP中文网服务号</p> <img src="https://staticw.php.cn/static/images/examples/text16.png" /> </em> </span> <div class="clear"></div> </dd> </dl> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="https://staticw.php.cn/static/images/examples/text17.png" /></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"> <p>Copyright 2014-2026 <a href="https://www.php.cn/">https://www.php.cn/</a> All Rights Reserved | php.cn </p> </div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3fc525002bf1c4f1d536daef98e9a33c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> layui.use(['element', 'carousel'], function() { var element = layui.element; $ = layui.jquery; var carousel = layui.carousel; carousel.render({ elem: '#test1', width: '100%', height: '330px', arrow: 'always' }); $.getScript('https://staticw.php.cn/static/js/jquery.lazyload.min.js', function() { $("img").lazyload({ placeholder: "https://staticw.php.cn/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false }); }); }); </script> <script src="https://staticw.php.cn/static/js/cdn.js?v=1.0.1"></script> <script> $(function(){ setCookie('is_article', 1, 1); }) </script> <!--底部 end--> <!-- content --> <script type="text/javascript" src="https://staticw.php.cn/static/js/global.min.js?5.5.33"></script> </body> </html>