从视频链接提取字幕并交付为 .docx 文件。用户提供链接（如 YouTube、Bilibili 等）时使用此技能。
视频 Transscript STill.
功能概述
视频 Transscript STill.是一项面向实际任务的技能，主要用于Extract 字幕来自视频 URL,并发送干净的.docx 记录文件. 对于非中文视频,制作两个文件:原始语言+中文翻译. .；For Chine.。
核心要点
- 它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
- 使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。
- 该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。
使用与执行
从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；
结果检查与注意事项
若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。
视频字幕提取技能
从视频 URL 提取字幕，并生成格式整洁的 .docx 转录文件。
对于非中文视频，输出两个文件：原文 + 中文翻译；
对于中文视频，仅输出一个文件。
工作流程
步骤 0 — 首次设置（仅需执行一次）
检查脚本目录下是否存在 node_modules。若不存在，请运行：
$skillScripts = "$env:USERPROFILE.agentsskillsvideo-transcriptscripts"
if (-not (Test-Path "$skillScriptsnode_modulesdocx")) {
Push-Location $skillScripts
npm install
Pop-Location
}
步骤 1 — 使用 yt-dlp 下载字幕
在临时目录中执行（Windows 下使用 $env:TEMPvt_）：
$tmp = "$env:TEMPvt_$(Get-Random)" New-Item -ItemType Directory -Force $tmp | Out-Null
YouTube 视频：
# 优先尝试人工字幕，失败后回退至自动生成字幕 yt-dlp --skip-download --write-subs --write-auto-subs --sub-langs "en,zh-Hans,zh-Hant,zh" --convert-subs srt -o "$tmpsub" ""
Bilibili 视频：
yt-dlp --skip-download --write-subs --sub-langs "zh-Hans,zh,ai-zh" --convert-subs srt -o "$tmpsub" ""
其他平台：可复用上述 YouTube 命令——yt-dlp 可自动适配大多数平台。
下载完成后，列出已获取的字幕文件：
Get-ChildItem $tmp -Filter "*.srt"
步骤 2 — 检测可用字幕文件
选择最优字幕文件：
- 优先选用人工字幕而非自动生成字幕（例如
.en.srt优于.en-orig.srt或.en-auto.srt） - 对于 Bilibili 视频：优先选用
zh-Hans或ai-zh - 若存在多种语言字幕，请全部记录
若未成功下载任何字幕文件：
- 提示用户：“该视频没有可用字幕，yt-dlp 无法提取文字内容。如需转录请使用 Whisper 语音识别（需额外安装）。”
- 立即终止流程。
步骤 3 — 将 SRT 解析为纯文本
读取 .srt 文件，移除所有时间码与序号行，仅保留实际 spoken text 行。
SRT 示例（需剔除部分）：
1 00:00:01,000 --> 00:00:03,500 This is the spoken text. 2 00:00:04,000 --> 00:00:06,000 More text here.
输出要求：
- 纯文本格式
- 每个字幕块对应一个段落
- 删除段落间的空行，合并为连贯段落
- 移除 HTML 标签（如 、、 等）
请自行读取文件内容完成该解析过程，无需调用外部工具。
步骤 4 — 如需则执行翻译
检测字幕语言：
- 若为中文（zh / zh-Hans / zh-Hant）：跳过翻译，仅生成一个文件
- 若为其他语言：使用你自身的翻译能力，将全部纯文本完整译为中文
翻译规范：
- 产出自然、通顺、符合中文表达习惯的译文，避免逐字直译
- 保留原文段落结构
- 专有名词、技术术语等应音译或根据上下文内嵌说明
- 严禁添加评论、总结或额外解释——仅限纯翻译
步骤 5 — 生成 .docx 文件
使用内置脚本：
脚本路径为：~/.agents/skills/video-transcript/scripts/make_docx.js
视频标题优先从 yt-dlp 输出中提取；若不可得，则对 URL 进行清洗后作为备选标题。
非中文视频（生成两个文件）：
# 原文 node "~/.agents/skills/video-transcript/scripts/make_docx.js" "$tmptranscript_original.docx" "- Original" " " # 中文译稿 node "~/.agents/skills/video-transcript/scripts/make_docx.js" "$tmptranscript_zh.docx" " - 中文译稿" " "
中文视频（仅生成一个文件）：
node "~/.agents/skills/video-transcript/scripts/make_docx.js" "$tmptranscript_zh.docx" "- 讲稿" " "
对于超长文本，建议先写入临时 .txt 文件再通过管道传入：
$plain | Out-File -Encoding utf8 "$tmpcontent.txt" Get-Content "$tmpcontent.txt" -Raw | node "~/.agents/skills/video-transcript/scripts/make_docx.js" "$tmptranscript_original.docx" "" </pre> <h3>步骤 6 — 向用户交付结果</h3> <p>清晰告知用户输出文件路径：</p> <ul> <li>“原文讲稿：<code>C:...transcript_original.docx</code>”</li> <li>“中文译稿：<code>C:...transcript_zh.docx</code>”</li> </ul> <p>可选：展示提取文本的前 200 字作为简短预览，便于用户验证内容质量。</p> <h2>错误处理</h2> <table> <thead> <tr> <th>情形</th> <th>应对措施</th> </tr> </thead> <tbody><tr> <td>未找到字幕</td> <td>通知用户，并建议使用 Whisper 作为替代方案</td> </tr> <tr> <td>未安装 yt-dlp</td> <td>运行 <code>yt-dlp --version</code> 检查；若缺失，提示用户安装</td> </tr> <tr> <td>node/docx 报错</td> <td>显示具体错误信息，并检查全局是否已安装 <code>docx</code> npm 包</td> </tr> <tr> <td>私有视频或地域限制视频</td> <td>告知用户该视频无法访问</td> </tr> </tbody></table> <h2>注意事项</h2> <ul> <li>交付文件后，请清理 <code>$tmp</code> 目录；或保留并明确告知用户临时路径</li> <li><code>make_docx.js</code> 脚本会自动从全局 npm 解析 <code>docx</code> 包</li> <li>对于极长视频，翻译可能耗时稍久，请提前向用户说明</li> </ul> </div> </div> </div> <div class="list-downs"> <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" href="/faq/3326466.html" title="JavaScript 中实现方法链式调用与无括号 getter 的统一接口"><b></b> <p class="overflowclass">JavaScript 中实现方法链式调用与无括号 getter 的统一接口</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3326470.html" title="Go 中指针接收器方法无法初始化外部 nil 指针的原因与解决方案"><b></b> <p class="overflowclass">Go 中指针接收器方法无法初始化外部 nil 指针的原因与解决方案</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3326490.html" title="PHP中安全实现数学表达式解析与计算（不使用eval）"><b></b> <p class="overflowclass">PHP中安全实现数学表达式解析与计算（不使用eval）</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3326492.html" title="如何使用 ArchUnit 限制非限定符类被 Qualifier 元注解标记"><b></b> <p class="overflowclass">如何使用 ArchUnit 限制非限定符类被 Qualifier 元注解标记</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3326497.html" title="Kafka 消息级 Offset 管理：精准提交、避免重复与丢失的工程实践"><b></b> <p class="overflowclass">Kafka 消息级 Offset 管理：精准提交、避免重复与丢失的工程实践</p> </a> </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" href="/ai" title="热门AI工具"><span>更多</span><b></b></a> </div> <div class="moreailist flexRow"> <div class="aidcons flexRow"> <a href="/ai/726" title="豆包大模型" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/69b379b1c5e3f597.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">豆包大模型</p> </div> </a> <a href="/ai/2110" title="蛙蛙写作" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6c9f8dba69666.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="蛙蛙写作" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">蛙蛙写作</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/723" title="DeepSeek" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">DeepSeek</p> </div> </a> <a href="/ai/4286" title="AionClaw" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/178943672344997.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="AionClaw" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">AionClaw</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/1287" title="讯飞绘文" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/969/633/6a82e41309ea7240.webp?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="讯飞绘文" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">讯飞绘文</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/4061" title="讯飞智作" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/6a82d6a357266852.webp?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="讯飞智作" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">讯飞智作</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/2828" title="二狗PPT" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/969/633/6a82e3c42a14b682.webp?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="二狗PPT" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">二狗PPT</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/2704" title="音述AI" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/6a82d57903ca9413.webp?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="音述AI" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">音述AI</p> </div> <span class="hot_span">Hot</span> </a> </div> </div> </div> <div class="xgzt artLists"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关专题</p> </div> <a class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a> </div> <div class="swiper artztswiper"> <div class="swiper-wrapper"> <div class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/gradlecjkfrmj" class="aClass flexRow cldA" title="Gradle插件开发入门教程"><img src="https://img.php.cn/upload/subject/000/000/085/6ad9dfa21e58e391.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Gradle插件开发入门教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/gradlecjkfrmj" class="clddTitle overflowclass" title="Gradle插件开发入门教程">Gradle插件开发入门教程</a> <p class="clddp overflowclass">本专题介绍Gradle插件开发的基本流程，涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法，帮助你理解插件如何组织构建逻辑，减少多个项目之间的重复配置。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.22</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>11</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/gradlewppzjc" class="aClass flexRow cldA" title="Gradle Wrapper配置教程"><img src="https://img.php.cn/upload/subject/000/000/085/6ad9de17d41f0542.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Gradle Wrapper配置教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/gradlewppzjc" class="clddTitle overflowclass" title="Gradle Wrapper配置教程">Gradle Wrapper配置教程</a> <p class="clddp overflowclass">本专题介绍Gradle Wrapper的基本作用，涵盖文件组成、生成方法、版本配置和任务调用，帮助你理解项目如何使用指定的Gradle版本，减少不同开发环境带来的构建差异。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.22</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>10</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/golangcijcq" class="aClass flexRow cldA" title="Golangci-lint检查器使用教程"><img src="https://img.php.cn/upload/subject/000/000/098/6ad9dd901b330239.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Golangci-lint检查器使用教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/golangcijcq" class="clddTitle overflowclass" title="Golangci-lint检查器使用教程">Golangci-lint检查器使用教程</a> <p class="clddp overflowclass">本专题整理Golangci-lint常用Linters的用途与配置方法，覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查，帮助项目合理选规则。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.22</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>15</p> </div> </div> </div> </div> </div> </div> <div class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/gradlezmgjjxm" class="aClass flexRow cldA" title="Gradle怎么构建Java项目"><img src="https://img.php.cn/upload/subject/000/000/085/6ad9dcbf0b972752.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Gradle怎么构建Java项目" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/gradlezmgjjxm" class="clddTitle overflowclass" title="Gradle怎么构建Java项目">Gradle怎么构建Java项目</a> <p class="clddp overflowclass">本专题介绍Gradle Java项目构建方法，涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查，帮助你理解各阶段的任务关系，逐步完成项目构建。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.22</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>10</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/phpsjcldxfjc" class="aClass flexRow cldA" title="PHP时间戳漏洞修复教程"><img src="https://img.php.cn/upload/subject/000/000/086/6ad9d7719ac88655.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP时间戳漏洞修复教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/phpsjcldxfjc" class="clddTitle overflowclass" title="PHP时间戳漏洞修复教程">PHP时间戳漏洞修复教程</a> <p class="clddp overflowclass">本专题汇总PHP常见时间戳漏洞，包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等，并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案，帮助开发者快速排查和加固时间相关代码。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.22</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>25</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/golangcipzwj" class="aClass flexRow cldA" title="Golangci-lint配置文件与规则设置"><img src="https://img.php.cn/upload/subject/000/000/098/6ad9d3140c27e800.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Golangci-lint配置文件与规则设置" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/golangcipzwj" class="clddTitle overflowclass" title="Golangci-lint配置文件与规则设置">Golangci-lint配置文件与规则设置</a> <p class="clddp overflowclass">本专题聚焦Golangci-lint YAML配置文件，讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置，便于团队统一检查标准。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.22</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>15</p> </div> </div> </div> </div> </div> </div> <div class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/golangciazyrm" class="aClass flexRow cldA" title="Golangci-lint安装与入门教程"><img src="https://img.php.cn/upload/subject/000/000/098/6ad9cdeb68654566.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Golangci-lint安装与入门教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/golangciazyrm" class="clddTitle overflowclass" title="Golangci-lint安装与入门教程">Golangci-lint安装与入门教程</a> <p class="clddp overflowclass">本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查，覆盖本地环境、Docker及多平台用法，帮助Go开发者快速上手。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.22</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>15</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/php2shellloud" class="aClass flexRow cldA" title="PHP2Shell高危漏洞修复教程"><img src="https://img.php.cn/upload/subject/000/000/086/6ad9cc3436ea9984.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP2Shell高危漏洞修复教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/php2shellloud" class="clddTitle overflowclass" title="PHP2Shell高危漏洞修复教程">PHP2Shell高危漏洞修复教程</a> <p class="clddp overflowclass">PHP2Shell漏洞是什么，哪些PHP版本和运行环境会受到影响，服务器应该如何检测与修复？本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤，以及修复验证、临时缓解和应急响应方案。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.22</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>12</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/jyrwsdygxgl" class="aClass flexRow cldA" title="剧云人物设定与关系管理教程"><img src="https://img.php.cn/upload/subject/000/000/098/6ad9c3d4be63c634.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="剧云人物设定与关系管理教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/jyrwsdygxgl" class="clddTitle overflowclass" title="剧云人物设定与关系管理教程">剧云人物设定与关系管理教程</a> <p class="clddp overflowclass">本专题介绍剧云人物设定与关系管理，讲解角色小传、性格职业、人物目标、背景资料和关系网络的创建及维护方法。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.22</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>16</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-pagination coursesswiper-pagination"></div> <script> var mySwiper = new Swiper(".artztswiper", { autoplay: false, pagination: { el: ".coursesswiper-pagination", clickable: true, }, }); </script> </div> <div class="hotdownload "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门下载</p> </div> <a 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 title="登录表单页面js，现代化登录页面模板" href="/xiazai/js/10373"><span>[表单按钮]</span><span>登录表单页面js，现代化登录页面模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="注册表单布局HTML代码，登录注册切换js模板" href="/xiazai/js/10372"><span>[表单按钮]</span><span>注册表单布局HTML代码，登录注册切换js模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="文字透视变形设计，有趣的css滑动动画" href="/xiazai/js/10371"><span>[文字特效]</span><span>文字透视变形设计，有趣的css滑动动画</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="精美登录注册UI，登录页面设计模板" href="/xiazai/js/10370"><span>[表单按钮]</span><span>精美登录注册UI，登录页面设计模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="意境背景图片唯美下载，云破月来花弄影素材" href="/xiazai/js/10369"><span>[图片特效]</span><span>意境背景图片唯美下载，云破月来花弄影素材</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="液体背景制作，创意液体文字动画" href="/xiazai/js/10368"><span>[其它特效]</span><span>液体背景制作，创意液体文字动画</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="html滑块选择器，简单的滑块控制数字表达式" href="/xiazai/js/10367"><span>[其它特效]</span><span>html滑块选择器，简单的滑块控制数字表达式</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="文本闪烁css，文字闪光动图特效" href="/xiazai/js/10366"><span>[其它特效]</span><span>文本闪烁css，文字闪光动图特效</span></a> </div> </li> </ul> <ul class="twof" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a 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 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 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 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 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 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 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 href="/xiazai/code/12054" title="TimoPHP开发框架1.4.1"><span>[开发框架]</span><span>TimoPHP开发框架1.4.1</span> </a> </div> </li> </ul> <ul class="threef" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4925" title="复古旧物服饰海报矢量模板"><span>[网站素材]</span><span>复古旧物服饰海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4924" title="2027年新年快乐宣传海报设计下载"><span>[网站素材]</span><span>2027年新年快乐宣传海报设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4923" title="二十四节气立冬海报矢量模板"><span>[网站素材]</span><span>二十四节气立冬海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4922" title="爵士酒吧派对海报矢量模板"><span>[网站素材]</span><span>爵士酒吧派对海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4921" title="万圣节主题横幅海报模板设计源文件下载"><span>[网站素材]</span><span>万圣节主题横幅海报模板设计源文件下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4920" title="精致咖啡下午茶元素合集矢量素材"><span>[网站素材]</span><span>精致咖啡下午茶元素合集矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4919" title="蓝色风格汉堡美食餐饮海报模板设计下载"><span>[网站素材]</span><span>蓝色风格汉堡美食餐饮海报模板设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4918" title="扁平万圣节主题矢量插图"><span>[网站素材]</span><span>扁平万圣节主题矢量插图</span> </a> </div> </li> </ul> <ul class="fourf" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12112" title="探索文化产业服务机构网站模板"><span>[前端模板]</span><span>探索文化产业服务机构网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12111" title="现代商业数字化服务公司网站模板"><span>[前端模板]</span><span>现代商业数字化服务公司网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12110" title="响应式烟草公司HTML5网站模板"><span>[前端模板]</span><span>响应式烟草公司HTML5网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12109" title="园艺服务机构响应式网页模板"><span>[前端模板]</span><span>园艺服务机构响应式网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12108" title="HTML5日本动画动漫网站模板"><span>[前端模板]</span><span>HTML5日本动画动漫网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12107" title="蛋糕烘焙美食宣传网站模板"><span>[前端模板]</span><span>蛋糕烘焙美食宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12106" title="黑白风格律师个人简历展示网页模板"><span>[前端模板]</span><span>黑白风格律师个人简历展示网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12105" title="黑色风格摄影工作室宣传网站模板"><span>[前端模板]</span><span>黑色风格摄影工作室宣传网站模板</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 class="rititle-more flexRow" href="/xiazai" title=""><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a title="MDPHP(麦迪php框架系统)1.1" href="/xiazai/code/12051">MDPHP(麦迪php框架系统)1.1</a></div> <div class="xgwzlid flexRow"><b></b><a title="PHP 多国语言框架2.0" href="/xiazai/code/12046">PHP 多国语言框架2.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="ujframe简单快速PHP开发框架1.0" href="/xiazai/code/12045">ujframe简单快速PHP开发框架1.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="php轻量型框架1.0" href="/xiazai/code/12044">php轻量型框架1.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="MyQEE开源PHP多项目及模块化开发框架3.0 RC2" href="/xiazai/code/12041">MyQEE开源PHP多项目及模块化开发框架3.0 RC2</a></div> <div class="xgwzlid flexRow"><b></b><a title="php开源学习型框架CMVC1.2.0" href="/xiazai/code/12040">php开源学习型框架CMVC1.2.0</a></div> <div class="xgwzlid flexRow"><b></b><a 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" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a> </div> <div class=" jpkcTab"> <div class=" jpkcTabs flexRow"> <div class="check" data-id="twofd">热门推荐 <b></b></div> / <div class="" data-id="threefd">最新课程 <b></b></div> </div> <div class="twofd jpktabd" > <div class="ristyA flexRow " > <a 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://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/639.html" title="phpStudy极速入门视频教程" class="rirightp overflowclass">phpStudy极速入门视频教程</a> <div class="risrdown flexRow"> <p>共6课时 | 54.7万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="独孤九贱(4)_PHP视频教程" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="rirightp overflowclass">独孤九贱(4)_PHP视频教程</a> <div class="risrdown flexRow"> <p>共89课时 | 133.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站"> <img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP实战天龙八部之仿爱奇艺电影网站" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="rirightp overflowclass">PHP实战天龙八部之仿爱奇艺电影网站</a> <div class="risrdown flexRow"> <p>共49课时 | 82.5万人学习</p> </div> </div> </div> </div> <div class="threefd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a href="/course/1558.html" title="RunnerGo从入门到精通"> <img src="https://img.php.cn/upload/course/000/000/067/6461bf1a464c1119.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="RunnerGo从入门到精通" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1558.html" title="RunnerGo从入门到精通" class="rirightp overflowclass">RunnerGo从入门到精通</a> <div class="risrdown flexRow"> <p>共22课时 | 2.5万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/1514.html" title="Apipost从入门到精通"> <img src="https://img.php.cn/upload/course/000/000/068/63db62f3d0b65880.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Apipost从入门到精通" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1514.html" title="Apipost从入门到精通" class="rirightp overflowclass">Apipost从入门到精通</a> <div class="risrdown flexRow"> <p>共31课时 | 3.5万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站"> <img src="https://img.php.cn/upload/course/000/000/068/63c4f5a167a4b379.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="WordPress零基础新手搭建个人博客及企业网站" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站" class="rirightp overflowclass">WordPress零基础新手搭建个人博客及企业网站</a> <div class="risrdown flexRow"> <p>共28课时 | 4.5万人学习</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="" title="最新文章"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a title="updream项目一直加载不出来怎么办" href="">updream项目一直加载不出来怎么办</a></div> <div class="xgwzlid flexRow"><b></b><a title="PixTV文生视频怎么描述跟拍镜头" href="">PixTV文生视频怎么描述跟拍镜头</a></div> <div class="xgwzlid flexRow"><b></b><a title="剧云AI Word导入后中文出现乱码怎么办" href="">剧云AI Word导入后中文出现乱码怎么办</a></div> <div class="xgwzlid flexRow"><b></b><a title="腾讯问卷个人模板怎么生成二维码？模板推广与分享方法" href="">腾讯问卷个人模板怎么生成二维码？模板推广与分享方法</a></div> <div class="xgwzlid flexRow"><b></b><a title="腾讯问卷个人模板怎么设置答题限制？防重复填写教程" href="">腾讯问卷个人模板怎么设置答题限制？防重复填写教程</a></div> <div class="xgwzlid flexRow"><b></b><a title="Seko AI换了生成模型后画风变了怎么办_Seko AI跨模型风格偏差调整" href="">Seko AI换了生成模型后画风变了怎么办_Seko AI跨模型风格偏差调整</a></div> <div class="xgwzlid flexRow"><b></b><a title="AniShort怎么调用剧本创作相关Skill" href="">AniShort怎么调用剧本创作相关Skill</a></div> <div class="xgwzlid flexRow"><b></b><a title="火山引擎重复提交请求导致生成多次怎么办_火山引擎客户端重复请求排查" href="">火山引擎重复提交请求导致生成多次怎么办_火山引擎客户端重复请求排查</a></div> <div class="xgwzlid flexRow"><b></b><a title="VibeKnow怎么把在线帮助文章做成操作教程视频" href="">VibeKnow怎么把在线帮助文章做成操作教程视频</a></div> <div class="xgwzlid flexRow"><b></b><a title="Seko AI怎么记录每集结束时人物知道哪些信息_Seko AI跨集人物认知状态整理" href="">Seko AI怎么记录每集结束时人物知道哪些信息_Seko AI跨集人物认知状态整理</a></div> </div> </div> </div> </div> </div> </div> <!--主体 end--> <script>isLogin = "0";</script> <script src="https://staticm.php.cn/static/js/cdn.js?v=1.0.1"></script> <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 type="text/javascript" src="https://staticm.php.cn/static/js/global.js?v=1.3"></script> </div> </body> </html>