首页 前沿速递 服务器教程 网页设计教程 网络编辑教程
移动端
AI智能体脚本 智能办公脚本 自动化游戏脚本 浏览器自动化脚本 服务器脚本
当前位置：首页 > 前沿速递 > AI教程 > 落地页生成器：自动化高转化网页设计 - Openclaw Skills

落地页生成器：自动化高转化网页设计 - Openclaw Skills

作者：互联网

2026-04-18

AI教程

什么是 落地页生成器？

落地页生成器是 Openclaw Skills 生态系统中的专用工具，旨在加速从概念到部署的过渡。它生成简洁、语义化且移动端优先的 HTML 文件，可立即进行托管。通过专注于转化优化的设计原则，该技能确保每个输出都具有清晰的层级结构、有力的排版和单一的主要行动呼吁（CTA）。

与通用生成器不同，Openclaw Skills 的这一组件还可以读取现有的 HTML 模板，在保留复杂 CSS 和 JavaScript 的同时，根据新品牌进行适配。这使其成为需要快速迭代营销页面、销售漏斗或初创公司原型而无需承受沉重 Web 框架开销的开发者的理想选择。

下载入口:https://github.com/openclaw/skills/tree/main/skills/valenciajenkins97-create/landing-page-builder

安装与下载

1. ClawHub CLI

从源直接安装技能的最快方式。

npx clawhub@latest install landing-page-builder

2. 手动安装

将技能文件夹复制到以下位置之一

全局模式 ~/.openclaw/skills/ 工作区 /skills/

优先级：工作区 > 本地 > 内置

3. 提示词安装

将此提示词复制到 OpenClaw 即可自动安装。

请帮我使用 Clawhub 安装 landing-page-builder。如果尚未安装 Clawhub，请先安装（npm i -g clawhub）。

落地页生成器 应用场景

  • 从简单的公司名称和使命宣言创建一个可部署的初创公司网站。
  • 适配现有 HTML 设计模板，以匹配新品牌的颜色和信息传递。
  • 为产品发布或潜在客户获取快速原型化单页营销网站。
  • 生成高性能、零依赖的销售页面，以便在静态主机上快速部署。
落地页生成器 工作原理
  1. 用户提供包含产品名称、受众和所需品牌基调的简报。
  2. 如果提供了参考模板，该技能会分析结构并就地修改文本和品牌。
  3. 如果从头开始，系统将利用专为 Openclaw Skills 优化的高质量基础模板。
  4. 标题、特性、定价和证言的占位符将被替换为特定语境下、以利益为导向的文案。
  5. 最终输出被打包为单个独立的 .html 文件，并针对 SEO 和无障碍环境进行了优化。

落地页生成器 配置指南

要在 Openclaw Skills 中使用此功能，请确保您的工作区已初始化，并提供详细说明项目要求的提示词。

# 通过 AI 代理使用的示例
"使用 Openclaw Skills 生成一个 SaaS 平台的落地页，专注于极简设计和深色模式。"

落地页生成器 数据架构与分类体系

该技能通过结构化映射系统组织生成的内容，以确保整个页面的一致性。关键数据点包括：

属性 映射逻辑
品牌推广 集成到 BRAND 和 TITLE 占位符中
视觉识别 通过 PRIMARY_COLOR、BG_COLOR 和 ACCENT_COLOR 十六进制值控制
英雄区 使用专注于转化的文案填充 HEADLINE 和 SUBHEADLINE
布局组件 为 FEATURES 和 PRICING_CARDS 动态注入 HTML 卡片
name: landing-page-builder
description: |
  Build a single-page landing page from a text prompt or design brief.

  USE WHEN:
  - User asks for a landing page, marketing page, product page, sales page, or startup website
  - User provides a business name/idea and wants a deployable web page
  - User sends an HTML template and wants it adapted with new content/branding
  - User asks for a "one-pager" or "single-page site"

  DON'T USE WHEN:
  - User wants a multi-page website (use a web framework instead)
  - User wants an email template or newsletter (different format/constraints)
  - User wants a blog, documentation site, or wiki
  - User wants to edit an existing live site (this builds new pages, not patches)
  - User wants a web app with backend logic, auth, or databases

  OUTPUTS: Single self-contained .html file (no external dependencies except Google Fonts). Ready to open in browser, deploy to any static host, or deliver to a client.

  INPUTS: Business name, what it does, target audience, desired tone. Optionally: a reference HTML template to adapt.

Landing Page Builder

Generate polished, conversion-optimized landing pages from natural language descriptions.

Workflow

If user provides a reference HTML template:

  1. Read the provided template
  2. Identify all text content, branding, and copy
  3. Modify the existing template — do NOT rewrite from scratch
  4. Replace copy, brand name, colors, and content to match the user's brief
  5. Preserve ALL CSS, animations, layout structure, SVG filters, and JavaScript exactly
  6. Output the adapted .html file

If no template provided:

  1. Ask the user (if not provided): product/service name, what it does, target audience, desired tone
  2. Read the base template at assets/template.html
  3. Replace all {{PLACEHOLDER}} tokens with content tailored to the user's request
  4. Customize colors, copy, sections — add or remove sections as needed
  5. Output a single self-contained .html file

Template Placeholders (base template only)

Placeholder Description
{{TITLE}} Page </CODE></TD></TR> <TR> <TD><CODE>{{BRAND}}</CODE></TD> <TD>Brand/company name</TD></TR> <TR> <TD><CODE>{{PRIMARY_COLOR}}</CODE></TD> <TD>Hex color (e.g., <CODE>#6366f1</CODE>)</TD></TR> <TR> <TD><CODE>{{BG_COLOR}}</CODE></TD> <TD>Background color</TD></TR> <TR> <TD><CODE>{{TEXT_COLOR}}</CODE></TD> <TD>Body text color</TD></TR> <TR> <TD><CODE>{{ACCENT_COLOR}}</CODE></TD> <TD>Accent color</TD></TR> <TR> <TD><CODE>{{HEADLINE}}</CODE></TD> <TD>Hero headline — punchy, benefit-driven</TD></TR> <TR> <TD><CODE>{{SUBHEADLINE}}</CODE></TD> <TD>1-2 sentence supporting text</TD></TR> <TR> <TD><CODE>{{CTA_TEXT}}</CODE></TD> <TD>Button text (e.g., "Start Free Trial")</TD></TR> <TR> <TD><CODE>{{CTA_URL}}</CODE></TD> <TD>Button link</TD></TR> <TR> <TD><CODE>{{FEATURES_HEADING}}</CODE></TD> <TD>Section heading</TD></TR> <TR> <TD><CODE>{{FEATURES}}</CODE></TD> <TD>HTML feature cards (use <CODE>.feature-card</CODE> divs)</TD></TR> <TR> <TD><CODE>{{PRICING_HEADING}}</CODE></TD> <TD>Section heading</TD></TR> <TR> <TD><CODE>{{PRICING_CARDS}}</CODE></TD> <TD>HTML pricing cards (use <CODE>.price-card</CODE> divs)</TD></TR> <TR> <TD><CODE>{{TESTIMONIALS_HEADING}}</CODE></TD> <TD>Section heading</TD></TR> <TR> <TD><CODE>{{TESTIMONIALS}}</CODE></TD> <TD>HTML testimonial cards (use <CODE>.testimonial</CODE> divs)</TD></TR> <TR> <TD><CODE>{{FINAL_CTA_HEADING}}</CODE></TD> <TD>Bottom CTA heading</TD></TR> <TR> <TD><CODE>{{FINAL_CTA_TEXT}}</CODE></TD> <TD>Bottom CTA description</TD></TR> <TR> <TD><CODE>{{YEAR}}</CODE></TD> <TD>Current year</TD></TR></TBODY></TABLE></DIV> <H2 id=design-principles>Design Principles</H2> <UL> <LI>Mobile-first responsive design</LI> <LI>Clean typography with Inter font</LI> <LI>Subtle shadows, rounded corners, generous whitespace</LI> <LI>Conversion-focused: clear hierarchy, single primary CTA repeated</LI> <LI>Fast: no JS frameworks, no external dependencies beyond Google Fonts</LI> <LI>Accessible: semantic HTML, good contrast ratios</LI></UL> <H2 id=common-mistakes-to-avoid>Common Mistakes to Avoid</H2> <UL> <LI><STRONG>Don't rewrite templates from scratch</STRONG> — when adapting a reference, modify in place. Rewriting loses the design quality.</LI> <LI><STRONG>Don't use generic stock copy</STRONG> — every line should feel specific to the business, not "lorem ipsum with nouns swapped in"</LI> <LI><STRONG>Don't add sections the user didn't ask for</STRONG> — less is more. A tight 3-section page beats a bloated 8-section page.</LI> <LI><STRONG>Don't break responsive behavior</STRONG> — test mentally that your changes work at mobile widths</LI></UL> <H2 id=customization>Customization</H2> <P>Feel free to:</P> <UL> <LI>Add/remove entire sections (not all pages need pricing or testimonials)</LI> <LI>Change the grid layouts, add animations with CSS</LI> <LI>Swap the font via the Google Fonts link</LI> <LI>Add custom CSS variables for additional theming</LI> <LI>Embed forms, videos, or other interactive elements as needed</LI></UL> <H2 id=output>Output</H2> <P>Save the final HTML file to the user's workspace or specified path. Suggest deployment options:</P> <UL> <LI><STRONG>Quick:</STRONG> Open locally or share the file</LI> <LI><STRONG>Free hosting:</STRONG> GitHub Pages, Netlify, Vercel, Cloudflare Pages</LI> <LI><STRONG>Custom domain:</STRONG> Pair with any of the above</LI></UL> </div> <div class="lastanext flexRow"> <a class="lastart flexRow" href="/wz/358425.html" ><span>上一篇：</span><span>目标模式：动态浏览分析与持久化 - Openclaw Skills</span></a> <a class="nextart flexRow" href="/wz/358427.html" ><span>下一篇：</span><span>Clawfy：适配 Openclaw Skills 的上下文感知浏览器助手</span></a> </div> </div> <div class="dtl-xgtj"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>相关推荐</p></div> </div> <div class="tjlist flexRow"> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/368515.html" > <img src="https://images.jiaoben.net/uploads/20260418/logo_69e379de9e63b1.png" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/368515.html" >【新手零难度操作 】OpenClaw 2.6.4 安装误区规避与快速使用指南（包含最新版安装包）</a> <a class="imdtrap flexRow overflowclass" href="/wz/368515.html" > OpenClaw（小龙虾）是开源本地AI智能体工具，支持Windows一键部署（5分钟搞定），无需代码与复杂配置。具备本地运行、数据安全、零门槛操作、开箱即用等优势，可自动完成文件整理、数据提取、浏览器操控等办公自动化任务。 </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-18</span></p> </div> <a href="/wz/368515.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/368514.html" > <img src="https://images.jiaoben.net/uploads/20260418/logo_69e379c6ef2641.png" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/368514.html" >Qwen3.6 正式发布！阿里云百炼同步开启“AI大模型节省计划”超值优惠</a> <a class="imdtrap flexRow overflowclass" href="/wz/368514.html" > 阿里云发布千问Qwen3.6系列大模型，大模型官网：https://t.aliyun.com/U/JbblVp 实现编程、智能体（Agent）及多模态能力的范式跃迁：代码生成与调试更精准，原生支持LangChain等框架，工具调用更稳定，图文识别与推理全面升级。Qwen3.6-Flash轻量高效，开发体验优化。同步推出百炼「全模型通享」限时特惠，新客首月立减最高500元。 </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-18</span></p> </div> <a href="/wz/368514.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/368512.html" > <img src="https://images.jiaoben.net/uploads/20260418/logo_69e379b7eeae01.png" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/368512.html" >办公 AI 工具 OpenClaw 部署 Windows 系统一站式教程</a> <a class="imdtrap flexRow overflowclass" href="/wz/368512.html" > OpenClaw（小龙虾）是开源本地AI智能体，无需编程、不联网、纯本地运行，3分钟一键部署。支持文件整理、表格生成、浏览器自动化等办公任务，兼顾隐私安全与零门槛易用性，专为Windows用户优化。 </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-18</span></p> </div> <a href="/wz/368512.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> <div class="tj-item "> <div class="tjitemd"> <div class="tjimd-top flexRow"> <a class="imdta flexRow" href="/wz/368508.html" > <img src="https://images.jiaoben.net/uploads/20260418/logo_69e378709859b1.png" > </a> <div class="imdt-right flexColumn"> <a class="imdtra flexRow overflowclass" href="/wz/368508.html" >OpenClaw 2.6.4 可视化部署 打造个人 AI 数字员工（包含最新版安装包）</a> <a class="imdtrap flexRow overflowclass" href="/wz/368508.html" > 本教程详解Windows一键部署OpenClaw 2.6.4（本地AI智能体），5分钟完成安装，无需编程与环境配置。支持自然语言操控电脑、自动化办公、文件处理等，数据全本地运行，保障隐私安全。 </a> </div> </div> <div class="tjimd-down flexRow"> <div class="imdd-tab flexRow"> <p class="imddt-time flexRow"><b></b><span>2026-04-18</span></p> </div> <a href="/wz/368508.html" class="imdd-more flexRow flexcenter" >立即查看</a> </div> </div> </div> </div> </div> </div> <div class="cd-right dtlcd-right"> <div class="dtl-ht"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>专题</p></div> </div> <div class="dtlht-list "> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-69351.html" >#数据可视化</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-69351.html" >数据可视化（Data Visu</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="69351" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-69342.html" >#自然语言处理</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-69342.html" >自然语言处理（Natural</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="69342" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68363.html" >#Excel公式</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68363.html" >Excel公式就是：用函数 +</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68363" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68355.html" >#Excel技巧</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68355.html" >Excel是日常生活中必不可</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68355" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68081.html" >#蛋仔派对</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68081.html" >蛋仔派对最新官方活动、关卡速</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68081" >+ 收藏</p> </div> <div class="htl-item flexRow"> <div class="htmitem-left"> <div class="htiteml-top flexRow"> <a href="/wz/zt-68000.html" >#人工智能</a> <span></span> </div> <a class="htiteml-down flexRow" href="/wz/zt-68000.html" >人工智能（AI），简单说，就</a> </div> <p class="htmitem-right flexRow flexcenter gz" data-id="68000" >+ 收藏</p> </div> </div> </div> <div class=" dtl-zt"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>最新数据</p></div> </div> <div class="wkch-downs"> <div class="weekch-top flexRow"> <a class="wktpa flexRow" href="/wz/358432.html" > <img src="/jiaoben/image/noimg.png" > </a> <div class="wktpa-right flexColumn"> <a class="wktpara flexRow overflowclass" href="/wz/358432.html" >Jira：自动化问题与工作流 - Openclaw Skills</a> <a class="wktparp flexRow overflowclass" href="/wz/358432.html" > 什么是 Jira？ 本技能为 </a> </div> </div> <div class="weekch-list"> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/358431.html" class="weekcha flexRow flexcenter overflowclass" >Perplexity Search：为 Openclaw Skills 打造的 AI 驱动网页搜索</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/358430.html" class="weekcha flexRow flexcenter overflowclass" >促销文案专家：AI营销文案生成 - Openclaw Skills</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/358429.html" class="weekcha flexRow flexcenter overflowclass" >短视频文案专家：TikTok 与社交媒体爆款脚本 - Openclaw Skills</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/358428.html" class="weekcha flexRow flexcenter overflowclass" >流失用户召回文案生成器：重新激活不活跃用户 - Openclaw Skills</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/358423.html" class="weekcha flexRow flexcenter overflowclass" >LangChain设计与实现-第3章-Runnable 与 LCEL 表达式语言</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/358422.html" class="weekcha flexRow flexcenter overflowclass" >LangChain设计与实现-第15章-工具调用与Agent模式</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/358421.html" class="weekcha flexRow flexcenter overflowclass" >LangChain设计与实现-第17章-Partner集成架构</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/358420.html" class="weekcha flexRow flexcenter overflowclass" >我做了一款通用本地化部署模型运行调度器，运行所有大模型！</a> </div> <div class="weekch-con flexRow"> <div class="weekch-icon flexRow"><b></b></div> <a href="/wz/358419.html" class="weekcha flexRow flexcenter overflowclass" >Gemini 2.5 Pro：面向 AI 智能体的 1M 上下文窗口 - Openclaw Skills</a> </div> </div> </div> </div> <div class=" dtl-wz"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>相关文章</p></div> </div> <div class="blog-list"> <a href="/wz/355079.html" class="bloga flexRow over"><p class="overflowclass">Minecraft 3D 建造计划生成器：AI 场景架构师 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> <a href="/wz/355080.html" class="bloga flexRow over"><p class="overflowclass">Scholar Search：自动化文献搜索与研究简报 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> <a href="/wz/355081.html" class="bloga flexRow over"><p class="overflowclass">issue-to-pr: 自动化 GitHub Issue 修复与 PR 生成 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> <a href="/wz/355082.html" class="bloga flexRow over"><p class="overflowclass">接班交班总结器：临床 EHR 自动化 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> <a href="/wz/355083.html" class="bloga flexRow over"><p class="overflowclass">Teacher AI 备课专家：K-12 自动化教案设计 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> <a href="/wz/355084.html" class="bloga flexRow over"><p class="overflowclass">专利权利要求映射器：生物技术与制药 IP 分析 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> <a href="/wz/355085.html" class="bloga flexRow over"><p class="overflowclass">生成 Tesla 车身改色膜：用于 3D 显示的 AI 图像生成 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> <a href="/wz/355086.html" class="bloga flexRow over"><p class="overflowclass">Taiwan MD：面向台湾的 AI 原生开放知识库 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> <a href="/wz/355087.html" class="bloga flexRow over"><p class="overflowclass">自学习与迭代演进：AI Agent 成长框架 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> <a href="/wz/355089.html" class="bloga flexRow over"><p class="overflowclass">HIPC Config Manager: 安全的 API 凭据处理器 - Openclaw Skills</p><div class="blogtime"><span>04/</span>18</div></a> </div> </div> <div class="cdr-ai"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>AI精选 </p></div> <a class="jbtitle-more flexRow" href="/category/list_344_1.html" title=""><span>更多</span><b></b></a> </div> <div class="ai-list"> <div class="ail-top flexRow"> <a href="/wz/368511.html" title="" class="ailta "> <img src="https://images.jiaoben.net/uploads/20260418/logo_69e379a77ddc11.jpg" > <p ><span>电影哥特式火水社论</span></p></a> <a href="/wz/368510.html" title="" class="ailta "> <img src="https://images.jiaoben.net/uploads/20260418/logo_69e3799e6eb521.jpg" > <p ><span>本能 电影剧照</span></p></a> </div> <div class="ail-down"> <a class="ali-con flexRow" href="/wz/368502.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">夜桥上的电影三联画肖像</p> </a> <a class="ali-con flexRow" href="/wz/368501.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">黄金时段海岸生活方式照片</p> </a> <a class="ali-con flexRow" href="/wz/368446.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">高速摄影：亚洲汤品爆裂瞬间</p> </a> <a class="ali-con flexRow" href="/wz/368441.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">玻璃马雕像变形动画（视频提示）</p> </a> <a class="ali-con flexRow" href="/wz/368440.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">秋叶超现实主义鹿</p> </a> <a class="ali-con flexRow" href="/wz/368426.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">90 年代复古闪光摄影肖像</p> </a> <a class="ali-con flexRow" href="/wz/368425.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">Sydney Sweeney《蜘蛛夫人》首映礼礼服描述</p> </a> <a class="ali-con flexRow" href="/wz/368393.html" title=""> <div class="alicon-left flexRow"><span>精选</span></div> <p class="aliconp overflowclass">女性在床上听音乐的私密生活照</p> </a> </div> </div> </div> <div class="cdr-blog"> <div class="jb-titles flexRow"> <div class="jbtle-left flexRow"><b></b><p>脚本推荐</p></div> </div> <div class="blog-list"> <a href="/wz/zt-49225.html" title="" class="bloga flexRow over"><p class="overflowclass">SeeDance 2.0 Video Creator专区</p></a> <a href="/wz/zt-49224.html" title="" class="bloga flexRow over"><p class="overflowclass">OpenClaw AI专区</p></a> <a href="/wz/zt-49223.html" title="" class="bloga flexRow over"><p class="overflowclass">cowork专区</p></a> <a href="/wz/zt-49222.html" title="" class="bloga flexRow over"><p class="overflowclass">claude code skills专区</p></a> </div> </div> </div> </div> </div> </div> </main> <script> $(function() { // “+ 收藏”按钮点击事件 $(document).on('click', '.htmitem-right, .ztop-right', function(e) { // 仅针对包含 “+ 收藏” 文字的按钮 if ($(this).text().indexOf('+ 收藏') === -1) return; e.preventDefault(); const id = $(this).data('id'); if (!id) { layer.msg('该项暂无有效ID，无法收藏'); return; } // 构造收藏 URL: 当前域名 + /wz/zt- + id + / const bookmarkUrl = window.location.origin + '/wz/zt-' + id + '.html'; // 获取收藏标题 (优先从同级元素获取话题名称，否则使用页面标题) let bookmarkTitle = $(this).closest('.htl-item, .zttopd').find('a:first, span.overflowclass').text().trim() || document.title; if (bookmarkTitle.startsWith('#')) bookmarkTitle = bookmarkTitle.substring(1); // 浏览器收藏逻辑 (带 Fallback) try { if (window.sidebar && window.sidebar.addPanel) { // Firefox < 23 window.sidebar.addPanel(bookmarkTitle, bookmarkUrl, ""); } else if (window.external && ('AddFavorite' in window.external)) { // IE window.external.AddFavorite(bookmarkUrl, bookmarkTitle); } else { // Chrome, Safari, Firefox 23+, etc. const isMac = /Mac/i.test(navigator.userAgent); const keyStr = isMac ? 'Command + D' : 'Ctrl + D'; layer.confirm('由于浏览器安全限制，请使用 <b>' + keyStr + '</b> 手动添加收藏。<br><br>收藏地址：<br><small>' + bookmarkUrl + '</small>', { title: '收藏提示', btn: ['复制链接', '知道了'], yes: function(index) { copyToClipboard(bookmarkUrl).then(() => { layer.msg('链接已复制，请手动添加到收藏夹'); }).catch(() => { layer.msg('复制失败，请手动选择复制'); }); layer.close(index); } }); } } catch (err) { layer.msg('收藏失败，请手动添加'); } }); // 兼容非 HTTPS 的复制函数 function copyToClipboard(text) { if (navigator.clipboard && window.isSecureContext) { return navigator.clipboard.writeText(text); } else { let textArea = document.createElement("textarea"); textArea.value = text; textArea.style.position = "fixed"; textArea.style.left = "-999999px"; textArea.style.top = "-999999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); return new Promise((res, rej) => { document.execCommand('copy') ? res() : rej(); textArea.remove(); }); } } }); </script> <footer> <div class="foot "> <div class="foot-top flexRow"> <div class="foot-left"> <div class="ftl-top flexRow"><span class="flexRow flexcenter">脚本</span>在线</div> <p class="ftl-down"> 智能赋能梦想，脚本构筑现实。我们致力于链接AI智能指令 与传统自动化，为您提供一站式、高效率的脚 本资产与生成 服务。 </p> </div> <div class="foot-right flexRow"> <div class="ftr-list flexColumn"> <p>核心板块</p> <span>AI脚本库</span> <span>自动化仓库</span> <span>脚本实验室</span> </div> <div class="ftr-list flexColumn"> <p>关于我们</p> <a href="/category/list_229_1.html" >最新游戏</a> <span>商务合作</span> <span>隐私政策</span> </div> <div class="ftr-list flexColumn"> <p>社区支持</p> <span >API文档</span> <a href="/category/list_334_1.html" >攻略资讯</a> <span>违规举报</span> </div> </div> </div> <div class="foot-down flexColumn"> <p>© 2026 jiaoben.net | 脚本在线 | 联系：jiaobennet2026@163.com</p> <p>备案：<a style="color: #7F7F7F;" href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备18025217号-11</a> </p> </div> </div> </footer> <div style="display:none;"> <script type="text/javascript"> var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//tongji.zhangwan.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '29']); // Add this code below within the Matomo JavaScript tracker code // Important: the tracker url includes the /matomo.php var secondaryTrackerUrl = u+'matomo.php'; var secondaryWebsiteId = 27; // Also send all of the tracking data to this other Matomo server, in website ID 77 _paq.push(['addTracker', secondaryTrackerUrl, secondaryWebsiteId]); // That's it! var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5d3cfe1f36b1988029fe82a0d475b20d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </body> </html>