Mermaid流程图

2个月前发布 48 0 0

Role:你是最擅长内容和数据视觉化、信息图展示的大师。 Task: 1. 请分析文章内容,用Mermaid语法创建适当的图表来可视化其中的关键信息,选择最合适3-5种图表类型展示 1. 如果内容包含步骤或流程,请创建流程图(flowchart) 2. 如果内容描述时间线或事件序列,请创建时序图(timeline)或甘特图(gantt) ...

收录时间:
2026-09-03
Mermaid流程图Mermaid流程图

Role:你是最擅长内容和数据视觉化、信息图展示的大师。

Task:
1. 请分析文章内容,用Mermaid语法创建适当的图表来可视化其中的关键信息,选择最合适3-5种图表类型展示
1. 如果内容包含步骤或流程,请创建流程图(flowchart)
2. 如果内容描述时间线或事件序列,请创建时序图(timeline)或甘特图(gantt)
3. 如果内容展示组织结构或层次关系,请创建组织结构图
4. 如果内容包含实体间的关系,请创建实体关系图(ER diagram)
5. 如果内容包含类或对象间的关系,请创建类图(class diagram)
6. 如果内容包含状态转换,请创建状态图(state diagram)
7. 如果内容包含顺序交互,请创建序列图(sequence diagram)
2. 整理网站核心内容和观点,生成文本格式的思维导图。放在 “`代码块中。

Notice:

1. 请确保图表:
– 图表要显示在移动版,所以宽度有限,如横向生成太宽,改成纵向图表,如flowchart TD/TB。
– 清晰展示文章中的主要概念和关系
– 通过颜色和多种样式增强可读性,不要超过4种颜色,但也别太单调。
– 包含简洁的标签和描述
– 遵循Mermaid语法规范
– 根据文本中的数据或关键点,用文本符号绘制合适的Mermaid图表。
– 如果绘制不出Mermaid图,用文本图代替,不能留空。
2. 直接输出内容,不解读图表选择逻辑,也不需要任何引导语,比如“好的,我来…”
3. 生成的图表,用户看完有恍然大悟感觉,甚至认知升级,影响他的思想和行动。
4. 你每次都会CoT思考,梳理清楚内容/结构后,才开始绘图。

Format:

### 一、</p> <p>### 二、<Title></p> <p>### 三、<Title></p> <p>…</p> <p>### 内容结构</p> <p>待处理文章内容:<br /> {{ content }} </p> </div> </div> </div> <h2 class="text-gray text-lg my-4"><i class="iconfont icon-zouxiang mr-1"></i>数据统计</h2> <div class="card io-chart"> <div id="chart-container" class="" style="height:300px" data-type="sites" data-post_id="10269" data-nonce="fd67453296"> <div class="chart-placeholder p-4"> <div class="legend"> <span></span> <span></span> <span></span> </div> <div class="pillar"> <span style="height:40%"></span> <span style="height:60%"></span> <span style="height:30%"></span> <span style="height:70%"></span> <span style="height:80%"></span> <span style="height:60%"></span> <span style="height:90%"></span> <span style="height:50%"></span> <span style="height:40%"></span> <span style="height:80%"></span> <span style="height:60%"></span> <span style="height:50%"></span> </div> </div> </div> </div> <h4 class="text-gray text-lg my-4"><i class="site-tag iconfont icon-tag icon-lg mr-1" ></i>相关导航</h4><div class="posts-row"><article class="posts-item sites-item d-flex style-sites-default post-9981 io-prompt-card col-2a col-md-4a no-go-ico" data-toggle="tooltip" data-placement="bottom" title="没有 url" data-io-prompt-id="9981"> <a href="https://www.prompt123.cn/sites/9981.html" target="_blank" data-id="9981" data-url="" class="sites-body " title="Enterprise Gemini-2.5-Flash"> <div class="item-header"><div class="item-media"><div class="blur-img-bg lazy-bg" data-bg="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png"> </div><div class="item-image"><img class="fill-cover sites-icon lazy unfancybox" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" data-src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" 1 height="auto" width="auto" onerror=null;src=ioLetterAvatar(alt,60) alt="Enterprise Gemini-2.5-Flash"></div></div></div> <div class="item-body overflow-hidden d-flex flex-column flex-fill"> <h3 class="item-title line1"><b>Enterprise Gemini-2.5-Flash</b></h3> <div class="line1 text-muted text-xs">你是 Gemini Enterprise✨,一个乐于助人且智...</div> </div> </a> <div class="sites-tags"> </div> </article><article class="posts-item sites-item d-flex style-sites-default post-977 io-prompt-card col-2a col-md-4a no-go-ico" data-toggle="tooltip" data-placement="bottom" title="没有 url" data-io-prompt-id="977"> <a href="https://www.prompt123.cn/sites/977.html" target="_blank" data-id="977" data-url="" class="sites-body " title="内容策划师专家"> <div class="item-header"><div class="item-media"><div class="blur-img-bg lazy-bg" data-bg="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png"> </div><div class="item-image"><img class="fill-cover sites-icon lazy unfancybox" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" data-src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" 1 height="auto" width="auto" onerror=null;src=ioLetterAvatar(alt,60) alt="内容策划师专家"></div></div></div> <div class="item-body overflow-hidden d-flex flex-column flex-fill"> <h3 class="item-title line1"><b>内容策划师专家</b></h3> <div class="line1 text-muted text-xs">#角色 内容策划师专家 ##注意 1.激励模型深入思考角色配...</div> </div> </a> <div class="sites-tags"> </div> </article><article class="posts-item sites-item d-flex style-sites-default post-10068 io-prompt-card col-2a col-md-4a no-go-ico" data-toggle="tooltip" data-placement="bottom" title="没有 url" data-io-prompt-id="10068"> <a href="https://www.prompt123.cn/sites/10068.html" target="_blank" data-id="10068" data-url="" class="sites-body " title="Canvas (canmore) 工具"> <div class="item-header"><div class="item-media"><div class="blur-img-bg lazy-bg" data-bg="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png"> </div><div class="item-image"><img class="fill-cover sites-icon lazy unfancybox" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" data-src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" 1 height="auto" width="auto" onerror=null;src=ioLetterAvatar(alt,60) alt="Canvas (canmore) 工具"></div></div></div> <div class="item-body overflow-hidden d-flex flex-column flex-fill"> <h3 class="item-title line1"><b>Canvas (canmore) 工具</b></h3> <div class="line1 text-muted text-xs">此工具有 3 个功能,如下所列。 ## `canmore.c...</div> </div> </a> <div class="sites-tags"> </div> </article><article class="posts-item sites-item d-flex style-sites-default post-5518 io-prompt-card col-2a col-md-4a no-go-ico" data-toggle="tooltip" data-placement="bottom" title="没有 url" data-io-prompt-id="5518"> <a href="https://www.prompt123.cn/sites/5518.html" target="_blank" data-id="5518" data-url="" class="sites-body " title="漫画 / 故事板 – Saint Seiya Golden Saints Card Grid"> <div class="item-header"><div class="item-media"><div class="blur-img-bg lazy-bg" data-bg="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png"> </div><div class="item-image"><img class="fill-cover sites-icon lazy unfancybox" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" data-src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" 1 height="auto" width="auto" onerror=null;src=ioLetterAvatar(alt,60) alt="漫画 / 故事板 – Saint Seiya Golden Saints Card Grid"></div></div></div> <div class="item-body overflow-hidden d-flex flex-column flex-fill"> <h3 class="item-title line1"><b>漫画 / 故事板 – Saint Seiya Golden Saints Card Grid</b></h3> <div class="line1 text-muted text-xs">Generate a 12-grid card image ...</div> </div> </a> <div class="sites-tags"> </div> </article><article class="posts-item sites-item d-flex style-sites-default post-899 io-prompt-card col-2a col-md-4a no-go-ico" data-toggle="tooltip" data-placement="bottom" title="没有 url" data-io-prompt-id="899"> <a href="https://www.prompt123.cn/sites/899.html" target="_blank" data-id="899" data-url="" class="sites-body " title="英语单词记忆专家"> <div class="item-header"><div class="item-media"><div class="blur-img-bg lazy-bg" data-bg="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png"> </div><div class="item-image"><img class="fill-cover sites-icon lazy unfancybox" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" data-src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" 1 height="auto" width="auto" onerror=null;src=ioLetterAvatar(alt,60) alt="英语单词记忆专家"></div></div></div> <div class="item-body overflow-hidden d-flex flex-column flex-fill"> <h3 class="item-title line1"><b>英语单词记忆专家</b></h3> <div class="line1 text-muted text-xs"># 角色: 你是一位经验丰富的英语老师,同时对单词记忆方法很...</div> </div> </a> <div class="sites-tags"> </div> </article><article class="posts-item sites-item d-flex style-sites-default post-1096 io-prompt-card col-2a col-md-4a no-go-ico" data-toggle="tooltip" data-placement="bottom" title="没有 url" data-io-prompt-id="1096"> <a href="https://www.prompt123.cn/sites/1096.html" target="_blank" data-id="1096" data-url="" class="sites-body " title="领导力教练"> <div class="item-header"><div class="item-media"><div class="blur-img-bg lazy-bg" data-bg="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png"> </div><div class="item-image"><img class="fill-cover sites-icon lazy unfancybox" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" data-src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" 1 height="auto" width="auto" onerror=null;src=ioLetterAvatar(alt,60) alt="领导力教练"></div></div></div> <div class="item-body overflow-hidden d-flex flex-column flex-fill"> <h3 class="item-title line1"><b>领导力教练</b></h3> <div class="line1 text-muted text-xs">#角色 领导力教练 ##注意 1.角色设计应注重领导力的实际...</div> </div> </a> <div class="sites-tags"> </div> </article><article class="posts-item sites-item d-flex style-sites-default post-932 io-prompt-card col-2a col-md-4a no-go-ico" data-toggle="tooltip" data-placement="bottom" title="没有 url" data-io-prompt-id="932"> <a href="https://www.prompt123.cn/sites/932.html" target="_blank" data-id="932" data-url="" class="sites-body " title="法律顾问"> <div class="item-header"><div class="item-media"><div class="blur-img-bg lazy-bg" data-bg="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png"> </div><div class="item-image"><img class="fill-cover sites-icon lazy unfancybox" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" data-src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" 1 height="auto" width="auto" onerror=null;src=ioLetterAvatar(alt,60) alt="法律顾问"></div></div></div> <div class="item-body overflow-hidden d-flex flex-column flex-fill"> <h3 class="item-title line1"><b>法律顾问</b></h3> <div class="line1 text-muted text-xs">- Role: 法律顾问专家 - Background: 用...</div> </div> </a> <div class="sites-tags"> </div> </article><article class="posts-item sites-item d-flex style-sites-default post-10246 io-prompt-card col-2a col-md-4a" data-toggle="tooltip" data-placement="bottom" title="https://x.com/dotey/status/1910907685437849651" data-io-prompt-id="10246"> <a href="https://www.prompt123.cn/sites/10246.html" target="_blank" data-id="10246" data-url="https://x.com/dotey/status/1910907685437849651" class="sites-body " title="蛋壳照片"> <div class="item-header"><div class="item-media"><div class="blur-img-bg lazy-bg" data-bg="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png"> </div><div class="item-image"><img class="fill-cover sites-icon lazy unfancybox" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" data-src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/favicon.png" 1 height="auto" width="auto" onerror=null;src=ioLetterAvatar(alt,60) alt="蛋壳照片"></div></div></div> <div class="item-body overflow-hidden d-flex flex-column flex-fill"> <h3 class="item-title line1"><b>蛋壳照片</b></h3> <div class="line1 text-muted text-xs">在画面的中心位置放置一个完整的白色鸡蛋,蛋壳整体占画面高度的...</div> </div> </a> <div class="sites-tags"> <a href="https://x.com/dotey/status/1910907685437849651" target="_blank" rel="external nofollow noopener" class="togo ml-auto text-center text-muted is-views" data-id="10246" data-toggle="tooltip" data-placement="right" title="直达"><i class="iconfont icon-gogo"></i></a> </div> </article></div> <!-- comments --> <div id="comments" class="comments"> <h2 id="comments-list-title" class="comments-title text-lg mx-1 my-4"> <i class="iconfont icon-comment"></i> <span class="noticom"> <a href="https://www.prompt123.cn/sites/10269.html#respond" class="comments-title" >暂无评论</a> </span> </h2> <div class="card"> <div class="card-body"> <div id="respond_box"> <div id="respond" class="comment-respond"> <form id="commentform" class="text-sm mb-4"> <div class="avatar-box d-flex align-items-center flex-fill mb-2"> <div class="avatar-img"><img class="avatar rounded-circle" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/gravatar.jpg"></div> </div> <div class="comment-textarea mb-3"> <textarea name="comment" id="comment" class="form-control" placeholder="输入评论内容..." tabindex="4" cols="50" rows="3"></textarea> </div> <div id="comment-author-info" class="row row-sm"> <div class="col-12 col-md-6 mb-3"><input type="text" name="author" id="author" class="form-control" value="" size="22" placeholder="昵称" tabindex="2"/></div> <div class="col-12 col-md-6 mb-3"><input type="text" name="email" id="email" class="form-control" value="" size="22" placeholder="邮箱" tabindex="3" /></div> </div> <div class="com-footer d-flex justify-content-end flex-wrap"> <input type="hidden" id="_wpnonce" name="_wpnonce" value="175f29e9a9" /><input type="hidden" name="_wp_http_referer" value="/sites/10269.html" /> <a rel="nofollow" id="cancel-comment-reply-link" style="display: none;" href="javascript:;" class="btn vc-l-gray mx-2">再想想</a> <button class="btn btn-hover-dark btn-shadow vc-theme ml-2" type="submit" id="submit">发表评论</button> <input type="hidden" name="action" value="ajax_comment"/> <input type='hidden' name='comment_post_ID' value='10269' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </div> </form> <div class="clear"></div> </div> </div> <div id="loading-comments"><span></span></div> <div class="col-1a-i nothing-box nothing-type-none"><div class="nothing"><img src="https://www.prompt123.cn/wp-content/themes/onenav/assets/images/svg/wp_none.svg" alt="none" class="nothing-svg"><div class="nothing-msg text-sm text-muted">暂无评论...</div></div></div> </div> </div> </div><!-- comments end --> </div><!-- content-layout end --> </div><!-- content-wrap end --> <div class="sidebar sidebar-tools d-none d-lg-block"> <div id="iow_tag_cloud_tool-6" class="card io-sidebar-widget io-widget-tag-cloud"><div class="sidebar-header "><div class="card-header widget-header"><h3 class="text-md mb-0"><i class="mr-2 iconfont icon-tools"></i>标签云</h3></div></div><span class="ajax-auto-post auto" data-href="https://www.prompt123.cn/wp-admin/admin-ajax.php" data-target="#iow_tag_cloud_tool-6 .ajax-panel" data-action="load_tag_cloud" data-instance="{"window":"1","taxonomy":["favorites","sitetag"],"count":"20","orderby":"name","show_count":""}"></span><div class="card-body d-flex flex-wrap ajax-panel" style="gap: 6px;"><div class="placeholder flex-fill" style="--height:30px;--width:96px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:40px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:78px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:40px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:51px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:85px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:68px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:54px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:58px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:88px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:115px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:63px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:45px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:116px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:62px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:115px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:51px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:82px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:59px;"></div><div class="placeholder flex-fill" style="--height:30px;--width:51px;"></div></div></div> </div> </div> </main><!-- container end --> <footer class="main-footer footer-stick"> <div class="switch-container container-footer container"> <div class="footer row pt-5 text-center text-md-left"> <div class="col-12 col-md-4 mb-4 mb-md-0"><a href="https://www.prompt123.cn" class="logo-expanded footer-logo"><img src="https://www.prompt123.cn/wp-content/uploads/2026/09/1789194134-1789182852-ChatGPT-Image-2026年9月12日-10_54_28-2-1.png" height="40" switch-src="https://www.prompt123.cn/wp-content/uploads/2026/09/1789181069-round_corner_image_by_atool-1.png" is-dark="false" alt="中文AI提示词库与AI工具导航"></a><div class="text-sm mt-4">Prompt123官方网站是专注中文生态的一站式AI综合门户,深度整合DeepSeek、ChatGPT、Claude、豆包等主流模型提示词库,提供文本写作、AI生图、视频生成、代码开发的精品工具导航与系统化教程,助你拥抱AI时代。</div></div> <div class="col-12 col-md-5 my-4 my-md-0"> </div> <div class="col-12 col-md-3 text-md-right mb-4 mb-md-0"></div> <div class="footer-copyright m-3 text-xs"> Copyright © 2026 <a href="https://www.prompt123.cn" title="中文AI提示词库与AI工具导航" class="" rel="home">中文AI提示词库与AI工具导航</a> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f332326481136225c08b77e1364c71d8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </div> </div> </footer><style> .io-prompt-modal-ov{--tp:#48c0a3;--tp-rgb:72,192,163;--tp-bg:rgba(72,192,163,.12);--tp-2:#3aa082;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;} .io-prompt-modal-ov.show{display:flex;} .io-prompt-modal{background:var(--main-bg-color);border-radius:14px;max-width:720px;width:100%;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;} .io-prompt-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0;} .io-prompt-modal-title{font-size:16px;font-weight:600;color:var(--main-color);margin:0;line-height:1.4;padding-right:12px;} .io-prompt-modal-close{cursor:pointer;background:none;border:none;font-size:22px;color:var(--muted-color);line-height:1;padding:4px;} .io-prompt-modal-close:hover{color:var(--main-color);} .io-prompt-modal-body{padding:18px 20px;overflow-y:auto;flex:1;background:var(--body-bg-color);} .io-prompt-box{background:var(--main-bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.8;color:var(--main-color);max-height:52vh;overflow-y:auto;} .io-prompt-tips{margin-top:10px;font-size:12px;color:var(--muted-color);} .io-prompt-modal-foot{display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--main-bg-color);} .io-prompt-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:.18s;} .io-prompt-btn:hover{text-decoration:none;} /* 复制模板:纯青碧主色,简洁稳重 */ .io-prompt-btn-copy{background:var(--tp);color:#fff;box-shadow:0 3px 10px rgba(var(--tp-rgb),.20);} .io-prompt-btn-copy:hover{background:#3fae94;transform:translateY(-1px);box-shadow:0 6px 14px rgba(var(--tp-rgb),.30);color:#fff;} .io-prompt-btn-copy:active{transform:translateY(0);box-shadow:0 1px 3px rgba(var(--tp-rgb),.18);} /* 在线使用:浅青碧衬底次级按钮 */ .io-prompt-btn-online{background:var(--tp-bg);color:var(--tp-2);} .io-prompt-btn-online:hover{transform:translateY(-1px);background:rgba(var(--tp-rgb),.18);color:#2f8a72;} /* 查看详情 / 更多:中性底,悬停主题色描边(自动适配深浅色) */ .io-prompt-btn-detail{background:var(--muted-bg-color);color:var(--muted-color);} .io-prompt-btn-detail:hover{color:var(--tp);background:var(--tp-bg);box-shadow:0 0 0 1px var(--tp);} .io-prompt-btn-more{background:var(--muted-bg-color);color:var(--muted-color);} .io-prompt-btn-more:hover{color:var(--tp);background:var(--tp-bg);box-shadow:0 0 0 1px var(--tp);} .io-prompt-btn-more .icon-arrow-b{font-size:10px;margin-left:2px;transition:transform .2s;} .io-prompt-more.open .icon-arrow-b{transform:rotate(180deg);} /* 更多工具下拉面板(fixed 定位,避免被弹窗 overflow:hidden 裁剪) */ .io-prompt-more-menu{position:fixed;width:360px;max-width:80vw;background:var(--main-bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:12px 14px 14px;display:none;z-index:10010;max-height:72vh;overflow-y:auto;} .io-prompt-more-menu.show{display:block;} .io-prompt-more-tip{font-size:12px;color:var(--muted-color);margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:6px;} .io-prompt-more-tip i{color:var(--tp);} .io-prompt-more-group{font-size:11px;color:var(--muted-color);margin:8px 2px 6px;display:flex;align-items:center;gap:8px;} .io-prompt-more-group::after{content:'';flex:1;height:1px;background:var(--border-color);} .io-prompt-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;} .io-prompt-more-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--main-color);text-decoration:none;transition:.15s;} .io-prompt-more-item:hover{background:var(--tp-bg);color:var(--tp);text-decoration:none;} .io-prompt-more-ico{width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;flex-shrink:0;} .io-prompt-more-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .io-prompt-loading{text-align:center;color:#999;padding:40px 0;font-size:14px;} </style> <div class="io-prompt-modal-ov" id="ioPromptOv"> <div class="io-prompt-modal"> <div class="io-prompt-modal-head"> <h3 class="io-prompt-modal-title" id="ioPromptTitle"></h3> <button class="io-prompt-modal-close" id="ioPromptClose" aria-label="关闭">×</button> </div> <div class="io-prompt-modal-body"> <div class="io-prompt-loading" id="ioPromptLoading">加载中…</div> <div style="display:none" id="ioPromptContentWrap"> <div class="io-prompt-box" id="ioPromptContent"></div> <div class="io-prompt-tips">提示:复制以下模板后粘贴到任意 AI 对话(如 DeepSeek、Kimi、ChatGPT 等)即可使用。</div> </div> </div> <div class="io-prompt-modal-foot"> <a class="io-prompt-btn io-prompt-btn-online" id="ioPromptOnline" target="_blank" rel="noopener" href="javascript:"><i class="iconfont icon-wailian mr-1"></i>在线使用</a> <a class="io-prompt-btn io-prompt-btn-copy" id="ioPromptCopy" href="javascript:">复制模板</a> <a class="io-prompt-btn io-prompt-btn-detail" id="ioPromptDetail" target="_blank">查看详情</a> <a class="io-prompt-btn io-prompt-btn-more" id="ioPromptMore" href="javascript:">更多<i class="iconfont icon-arrow-b"></i></a> </div> </div> <!-- 更多工具下拉面板 --> <div class="io-prompt-more-menu" id="ioPromptMoreMenu"> <div class="io-prompt-more-tip"><i class="iconfont icon-tishi"></i>选择工具后自动携带当前提示词打开对话</div> <div class="io-prompt-more-group">国内工具</div> <div class="io-prompt-more-grid"> <a class="io-prompt-more-item" href="javascript:" data-url="https://chat.deepseek.com/"><span class="io-prompt-more-ico" style="background:#eef1ff;color:#4d6bfe;">🐋</span><span class="io-prompt-more-name">DeepSeek</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://www.doubao.com/chat/"><span class="io-prompt-more-ico" style="background:#eef4ff;color:#1d4ed8;">🫘</span><span class="io-prompt-more-name">豆包</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://kimi.moonshot.cn/"><span class="io-prompt-more-ico" style="background:#f1f1f1;color:#0f0f0f;">🌙</span><span class="io-prompt-more-name">Kimi</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://yiyan.baidu.com/"><span class="io-prompt-more-ico" style="background:#eef5ff;color:#1f6fff;">🖋️</span><span class="io-prompt-more-name">文心一言</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://www.qianwen.com/"><span class="io-prompt-more-ico" style="background:#f0efff;color:#615ced;">🧠</span><span class="io-prompt-more-name">通义千问</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://chatglm.cn/"><span class="io-prompt-more-ico" style="background:#eef1ff;color:#385eff;">🔮</span><span class="io-prompt-more-name">智谱清言</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://www.minimaxi.com/"><span class="io-prompt-more-ico" style="background:#f3efff;color:#7c3aed;">✨</span><span class="io-prompt-more-name">MiniMax</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://xinghuo.xfyun.cn/"><span class="io-prompt-more-ico" style="background:#fff0f0;color:#e0232b;">🔥</span><span class="io-prompt-more-name">讯飞星火</span></a> </div> <div class="io-prompt-more-group">海外工具</div> <div class="io-prompt-more-grid"> <a class="io-prompt-more-item" href="javascript:" data-url="https://chatgpt.com/"><span class="io-prompt-more-ico" style="background:#e7f6f2;color:#10a37f;">💬</span><span class="io-prompt-more-name">ChatGPT</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://gemini.google.com/app"><span class="io-prompt-more-ico" style="background:#eef4ff;color:#1a73e8;">✴️</span><span class="io-prompt-more-name">Gemini</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://claude.ai/new"><span class="io-prompt-more-ico" style="background:#fdf0ea;color:#d97757;">🟠</span><span class="io-prompt-more-name">Claude</span></a> <a class="io-prompt-more-item" href="javascript:" data-url="https://grok.com/"><span class="io-prompt-more-ico" style="background:#f1f1f1;color:#0f0f0f;">🚀</span><span class="io-prompt-more-name">Grok</span></a> </div> </div> </div> <script> (function(){ if (window.__ioPromptInit) return; window.__ioPromptInit = true; var ov = document.getElementById('ioPromptOv'); var title = document.getElementById('ioPromptTitle'); var content = document.getElementById('ioPromptContent'); var loading = document.getElementById('ioPromptLoading'); var wrap = document.getElementById('ioPromptContentWrap'); var copyBtn = document.getElementById('ioPromptCopy'); var detailBtn = document.getElementById('ioPromptDetail'); var onlineBtn = document.getElementById('ioPromptOnline'); var ajaxUrl = "https:\/\/www.prompt123.cn\/wp-admin\/admin-ajax.php"; var currentPrompt = ''; var currentTitle = ''; function open(key){ title.textContent = ''; content.textContent = ''; currentPrompt = ''; currentTitle = ''; loading.style.display = 'block'; wrap.style.display = 'none'; ov.classList.add('show'); var fd = new FormData(); fd.append('action','io_get_prompt'); fd.append('post_id', key); fetch(ajaxUrl,{method:'POST',body:fd,credentials:'same-origin'}) .then(function(r){return r.json();}) .then(function(d){ loading.style.display = 'none'; if(d && d.status===1){ title.textContent = d.title; content.innerHTML = d.content; currentPrompt = content.textContent; currentTitle = d.title; detailBtn.href = d.detail; // 在线使用:带标题与提示词正文跳转 send2ai if(currentPrompt){ onlineBtn.href = 'https://chat.send2ai.cn/?title=' + encodeURIComponent(currentTitle) + '&systemPrompt=' + encodeURIComponent(currentPrompt); }else{ onlineBtn.href = 'https://chat.send2ai.cn/'; } wrap.style.display = 'block'; }else{ title.textContent = '加载失败'; content.textContent = (d && d.msg) || '提示词加载失败'; wrap.style.display = 'block'; } }) .catch(function(){ loading.style.display='none'; title.textContent='加载失败'; content.textContent='网络错误,请重试'; wrap.style.display='block'; }); } function close(){ ov.classList.remove('show'); closeMenu(); } // ---- 更多工具下拉面板 ---- var moreBtn = document.getElementById('ioPromptMore'); var moreMenu = document.getElementById('ioPromptMoreMenu'); function positionMenu(){ var r = moreBtn.getBoundingClientRect(); moreMenu.classList.add('show'); var mw = moreMenu.offsetWidth; var mh = moreMenu.offsetHeight; moreMenu.classList.remove('show'); var left = r.left; var top = r.bottom + 8; if(left + mw > window.innerWidth - 8) left = Math.max(8, window.innerWidth - mw - 8); if(top + mh > window.innerHeight - 8) top = Math.max(8, r.top - mh - 8); moreMenu.style.left = left + 'px'; moreMenu.style.top = top + 'px'; } function closeMenu(){ moreMenu.classList.remove('show'); moreBtn.classList.remove('open'); } moreBtn.addEventListener('click', function(e){ e.stopPropagation(); var shown = moreMenu.classList.contains('show'); closeMenu(); if(!shown){ positionMenu(); moreMenu.classList.add('show'); moreBtn.classList.add('open'); } }); // 点击工具:拼接提示词并新窗口打开 moreMenu.addEventListener('click', function(e){ e.stopPropagation(); var item = e.target.closest('.io-prompt-more-item'); if(!item) return; var url = item.getAttribute('data-url').replace(/\/+$/,'') + '/?prompt=' + encodeURIComponent(currentPrompt); window.open(url, '_blank', 'noopener'); closeMenu(); }); document.addEventListener('click', function(){ closeMenu(); }); // 关闭弹窗时隐藏下拉面板 document.getElementById('ioPromptClose').addEventListener('click', function(){ closeMenu(); }); // 拦截提示词卡片点击 document.addEventListener('click', function(e){ var card = e.target.closest('.io-prompt-card[data-io-prompt-id]'); if(card){ e.preventDefault(); e.stopPropagation(); open(card.getAttribute('data-io-prompt-id')); } }, true); document.getElementById('ioPromptClose').addEventListener('click', close); ov.addEventListener('click', function(e){ if(e.target === ov) close(); }); copyBtn.addEventListener('click', function(){ if(!currentPrompt) return; if(navigator.clipboard && navigator.clipboard.writeText){ navigator.clipboard.writeText(currentPrompt).then(function(){ copyBtn.textContent='已复制 ✓'; setTimeout(function(){copyBtn.textContent='复制模板';},1600); }); }else{ var ta=document.createElement('textarea'); ta.value=currentPrompt;document.body.appendChild(ta);ta.select(); try{document.execCommand('copy');copyBtn.textContent='已复制 ✓';setTimeout(function(){copyBtn.textContent='复制模板';},1600);}catch(err){} document.body.removeChild(ta); } }); })(); </script> <style> .io-tomb-ov{--io-tomb-ac:#4b6ef0;--io-tomb-ac-bg:rgba(75,110,240,.10);position:fixed;inset:0;background:rgba(10,12,16,.55);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px);} .io-tomb-ov.show{display:flex;} .io-tomb-modal{background:var(--main-bg-color,#fff);border-radius:16px;max-width:640px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden;} .io-tomb-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border-color,#eee);flex-shrink:0;background:linear-gradient(180deg,var(--io-tomb-ac-bg),transparent);} .io-tomb-thumb{width:52px;height:52px;border-radius:12px;object-fit:contain;padding:4px;flex-shrink:0;background:var(--muted-bg-color,#f2f4f7);} .io-tomb-heading{min-width:0;} .io-tomb-h-title{font-size:17px;font-weight:700;color:var(--main-color,#1a1a1a);margin:0;line-height:1.35;word-break:break-all;} .io-tomb-h-sub{font-size:12.5px;color:var(--muted-color,#888);margin:3px 0 0;} .io-tomb-close{margin-left:auto;cursor:pointer;background:none;border:none;font-size:24px;color:var(--muted-color,#999);line-height:1;padding:4px;} .io-tomb-close:hover{color:var(--main-color,#333);} .io-tomb-body{padding:18px 22px;overflow-y:auto;flex:1;background:var(--muted-bg-color,#fafafa);} .io-tomb-desc{font-size:14px;color:var(--main-color,#555);line-height:1.7;margin:0 0 12px;} .io-tomb-box{background:var(--main-bg-color,#fff);border:1px solid var(--border-color,#eee);border-radius:10px;padding:14px 16px;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.8;color:var(--main-color,#333);max-height:40vh;overflow-y:auto;} .io-tomb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;} .io-tomb-tag{font-size:12px;color:var(--io-tomb-ac);background:var(--io-tomb-ac-bg);padding:3px 10px;border-radius:999px;} .io-tomb-sources{margin-top:12px;font-size:12.5px;color:var(--muted-color,#999);line-height:1.9;} .io-tomb-sources a{color:var(--io-tomb-ac);word-break:break-all;text-decoration:none;} .io-tomb-sources a:hover{text-decoration:underline;} .io-tomb-foot{display:flex;flex-wrap:wrap;gap:10px;padding:14px 22px;border-top:1px solid var(--border-color,#eee);flex-shrink:0;background:var(--main-bg-color,#fff);} .io-tomb-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:9px;font-size:14px;cursor:pointer;border:none;text-decoration:none;transition:.2s;} .io-tomb-btn-detail{background:var(--io-tomb-ac);color:#fff;flex:1;} .io-tomb-btn-detail:hover{background:var(--io-tomb-ac);filter:brightness(1.08);color:#fff;text-decoration:none;} .io-tomb-btn-src{background:var(--muted-bg-color,#f2f4f7);color:var(--main-color,#333);} .io-tomb-btn-src:hover{background:var(--muted-bg-color-l,#e5e9ef);color:var(--main-color,#1a1a1a);} .io-tomb-btn-src.active{background:var(--io-tomb-ac);color:#fff;} .io-tomb-searchbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-color,#e6e8ec);} .io-tomb-searchlabel{font-size:12.5px;font-weight:600;color:var(--main-color,#666);margin-right:2px;} .io-tomb-search-btn{display:inline-flex;align-items:center;padding:6px 15px;border-radius:999px;font-size:12.5px;line-height:1.4;color:var(--io-tomb-ac);background:var(--io-tomb-ac-bg);border:1px solid rgba(75,110,240,.30);text-decoration:none;transition:.18s;} .io-tomb-search-btn:hover{background:var(--io-tomb-ac);border-color:var(--io-tomb-ac);color:#fff;text-decoration:none;} .io-tomb-loading{text-align:center;color:var(--muted-color,#999);padding:50px 0;font-size:14px;} .io-tomb-empty{text-align:center;color:var(--muted-color,#999);padding:30px 0;} </style> <div class="io-tomb-ov" id="ioTombOv"> <div class="io-tomb-modal" role="dialog"> <div class="io-tomb-head"> <img class="io-tomb-thumb" id="ioTombThumb" src="" alt="" style="display:none" onerror="this.style.display='none'"> <div class="io-tomb-heading"> <h3 class="io-tomb-h-title" id="ioTombTitle"></h3> <div class="io-tomb-h-sub" id="ioTombSub"></div> </div> <button class="io-tomb-close" id="ioTombClose" aria-label="关闭">×</button> </div> <div class="io-tomb-body"> <div class="io-tomb-loading" id="ioTombLoading">加载中…</div> <div id="ioTombContentWrap" style="display:none"> <p class="io-tomb-desc" id="ioTombDesc"></p> <div class="io-tomb-box" id="ioTombContent"></div> <div class="io-tomb-tags" id="ioTombTags"></div> <div class="io-tomb-sources" id="ioTombSources"></div> <div class="io-tomb-searchbox" id="ioTombSearch" style="display:none"> <span class="io-tomb-searchlabel">探索更多</span> <a href="#" target="_blank" rel="nofollow noopener" class="io-tomb-search-btn" data-q="请搜索"> </a> </div> </div> </div> <div class="io-tomb-foot"> <a class="io-tomb-btn io-tomb-btn-detail" id="ioTombDetail" target="_blank">查看完整档案</a> <button type="button" class="io-tomb-btn io-tomb-btn-src" id="ioTombMore">探索更多</button> </div> </div> </div> <script> (function(){ if (window.__ioTombInit) return; window.__ioTombInit = true; var ov=document.getElementById('ioTombOv'); var title=document.getElementById('ioTombTitle'); var sub=document.getElementById('ioTombSub'); var thumb=document.getElementById('ioTombThumb'); var descEl=document.getElementById('ioTombDesc'); var content=document.getElementById('ioTombContent'); var tagsEl=document.getElementById('ioTombTags'); var srcEl=document.getElementById('ioTombSources'); var loading=document.getElementById('ioTombLoading'); var wrap=document.getElementById('ioTombContentWrap'); var detailBtn=document.getElementById('ioTombDetail'); var moreBtn=document.getElementById('ioTombMore'); var searchBox=document.getElementById('ioTombSearch'); var ajaxUrl="https:\/\/www.prompt123.cn\/wp-admin\/admin-ajax.php"; function esc(s){ return String(s==null?'':s).replace(/[&<>"]/g,function(c){return {'&':'&','<':'<','>':'>','"':'"'}[c];}); } function open(key){ title.textContent=''; sub.textContent=''; descEl.textContent=''; content.innerHTML=''; tagsEl.innerHTML=''; srcEl.innerHTML=''; thumb.style.display='none'; searchBox.style.display='none'; searchBox.innerHTML=''; moreBtn.classList.remove('active'); moreBtn.textContent='探索更多'; loading.style.display='block'; wrap.style.display='none'; ov.classList.add('show'); var fd=new FormData(); fd.append('action','io_get_tomb'); fd.append('post_id',key); fetch(ajaxUrl,{method:'POST',body:fd,credentials:'same-origin'}) .then(function(r){return r.json();}) .then(function(d){ loading.style.display='none'; if(d && d.status===1){ title.textContent=d.title; var label='<span class="io-tomb-searchlabel">探索更多:</span>'; var engines=[['百度','https://www.baidu.com/s?wd='],['谷歌','https://www.google.com/search?q='],['必应','https://www.bing.com/search?q='],['搜狗','https://www.sogou.com/web?query=']]; searchBox.innerHTML=label+engines.map(function(u){ return '<a href="'+esc(encodeURI(u[1]+d.title))+'" target="_blank" rel="nofollow noopener" class="io-tomb-search-btn">'+esc(u[0])+'</a>'; }).join(''); var p=[]; if(d.launch) p.push('上线 '+d.launch); if(d.death) p.push('停运 '+d.death); if(d.years) p.push('运营 '+d.years+' 年'); sub.textContent=p.join(' · '); if(d.thumb){ thumb.src=d.thumb; thumb.style.display='block'; } if(d.desc){ descEl.textContent=d.desc; descEl.style.display='block'; } else descEl.style.display='none'; content.innerHTML=d.content || '<div class="io-tomb-empty">暂无内容</div>'; if(d.tags && d.tags.length){ tagsEl.innerHTML=d.tags.map(function(t){return '<span class="io-tomb-tag">'+esc(t)+'</span>';}).join(''); } if(d.sources && d.sources.length){ srcEl.innerHTML='来源:'+d.sources.map(function(s){return '<a href="'+esc(s)+'" target="_blank" rel="nofollow noopener">'+esc(s)+'</a>';}).join(' · '); } detailBtn.href=d.detail; wrap.style.display='block'; }else{ title.textContent='加载失败'; content.innerHTML='<div class="io-tomb-empty">'+esc((d&&d.msg)||'加载失败')+'</div>'; wrap.style.display='block'; } }) .catch(function(){ loading.style.display='none'; title.textContent='加载失败'; content.innerHTML='<div class="io-tomb-empty">网络错误,请重试</div>'; wrap.style.display='block'; }); } function close(){ ov.classList.remove('show'); } document.addEventListener('click', function(e){ var card = e.target.closest ? e.target.closest('.io-tomb-card[data-io-tomb-id]') : null; if(card){ e.preventDefault(); e.stopPropagation(); open(card.getAttribute('data-io-tomb-id')); } }, true); document.getElementById('ioTombClose').addEventListener('click', close); ov.addEventListener('click', function(e){ if(e.target===ov) close(); }); moreBtn.addEventListener('click', function(){ if(!searchBox.innerHTML){ return; } var show = searchBox.style.display !== 'flex'; searchBox.style.display = show ? 'flex' : 'none'; moreBtn.classList.toggle('active', show); moreBtn.textContent = show ? '收起' : '探索更多'; }); document.addEventListener('keydown', function(e){ if(e.key==='Escape') close(); }); })(); </script> <style> .io-site-modal-ov{position:fixed;inset:0;background:rgba(17,19,24,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10060;display:none;align-items:center;justify-content:center;padding:16px;} .io-site-modal-ov.show{display:flex;} .io-site-modal{background:var(--main-bg-color);color:var(--main-color);border-radius:18px;max-width:500px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 0 1px var(--border-color);animation:ioSiteIn .28s cubic-bezier(.21,1.02,.73,1);} @keyframes ioSiteIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}} .io-site-modal-head{display:flex;align-items:flex-start;gap:14px;padding:18px 18px 0;flex-shrink:0;} .io-site-modal-ico{width:46px;height:46px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--muted-bg-color-l);box-shadow:0 2px 8px rgba(0,0,0,.08);} .io-site-modal-main{flex:1;min-width:0;} .io-site-modal-title{font-size:16.5px;font-weight:700;color:var(--main-color);margin:2px 0 7px;line-height:1.35;word-break:break-word;} .io-site-modal-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;} .io-site-tag{font-size:11.5px;line-height:1;color:var(--muted-color2);background:var(--muted-bg-color-l);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;text-decoration:none;transition:.2s;} .io-site-tag:hover{color:var(--focus-color);text-decoration:none;border-color:var(--focus-color);} .io-site-tag i{font-style:normal;color:var(--theme-color);margin-right:3px;} .io-site-type{font-size:11.5px;line-height:1;color:#0f7a5f;background:rgba(15,122,95,.1);border-radius:6px;padding:4px 8px;} .io-site-modal-close{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--muted-bg-color-l);color:var(--muted-color);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;padding:0;} .io-site-modal-close:hover{color:var(--main-color);background:var(--muted-bg-color);transform:rotate(90deg);} .io-site-modal-body{flex:1;overflow-y:auto;padding:16px 18px 4px;} .io-site-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 0;color:var(--muted-color);font-size:13.5px;} .io-site-spinner{width:26px;height:26px;border:3px solid var(--muted-bg-color);border-top-color:var(--theme-color);border-radius:50%;animation:ioSiteSpin .8s linear infinite;} @keyframes ioSiteSpin{to{transform:rotate(360deg)}} .io-site-preview{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:var(--muted-bg-color-l);margin-bottom:14px;border:1px solid var(--border-color);} .io-site-preview img{width:100%;height:100%;object-fit:cover;display:block;} .io-site-preview .io-site-preview-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted-color);} .io-site-summary{font-size:14px;line-height:1.75;color:var(--muted-color2);word-break:break-word;} .io-site-url{display:flex;align-items:center;gap:7px;margin-top:12px;padding:9px 12px;background:var(--muted-bg-color-l);border:1px solid var(--border-color);border-radius:9px;font-size:12.5px;color:var(--muted-color);word-break:break-all;line-height:1.5;} .io-site-url i{flex-shrink:0;} .io-site-modal-foot{display:flex;gap:10px;padding:14px 18px 18px;border-top:1px solid var(--border-color);margin-top:6px;flex-shrink:0;} .io-site-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:.2s;flex:1;box-sizing:border-box;} .io-site-btn:hover{text-decoration:none;} .io-site-btn-go{background:#0f7a5f;color:#fff;flex:1.4;} .io-site-btn-go:hover{background:#0b624c;color:#fff;} .io-site-btn-detail{background:var(--muted-bg-color-l);color:var(--main-color);border-color:var(--border-color);} .io-site-btn-detail:hover{background:var(--muted-bg-color);color:var(--main-color);} .io-site-btn-copy{flex:0 0 auto;background:transparent;color:var(--muted-color);border-color:var(--border-color);} .io-site-btn-copy:hover{color:var(--main-color);background:var(--muted-bg-color-l);} @media(max-width:600px){.io-site-modal{max-height:94vh}.io-site-modal-foot{padding:12px 14px 14px}.io-site-modal-head,.io-site-modal-body{padding-left:14px;padding-right:14px}} </style> <div class="io-site-modal-ov" id="ioSiteOv" aria-hidden="true"> <div class="io-site-modal" role="dialog" aria-modal="true" aria-label="站点详情"> <div class="io-site-modal-head"> <img class="io-site-modal-ico" id="ioSiteIco" src="" alt=""> <div class="io-site-modal-main"> <h3 class="io-site-modal-title" id="ioSiteTitle"></h3> <div class="io-site-modal-meta" id="ioSiteTags"></div> </div> <button class="io-site-modal-close" id="ioSiteClose" aria-label="关闭">×</button> </div> <div class="io-site-modal-body"> <div class="io-site-loading" id="ioSiteLoading"><div class="io-site-spinner"></div>加载中…</div> <div id="ioSiteContent" style="display:none"> <div class="io-site-preview" id="ioSitePreviewWrap" style="display:none"> <div class="io-site-preview-fb">网站截图加载中…</div> <img id="ioSitePreview" src="" alt="" loading="lazy"> </div> <div class="io-site-summary" id="ioSiteSummary"></div> <div class="io-site-url" id="ioSiteUrlBox" style="display:none"><i class="iconfont icon-links"></i><span id="ioSiteUrl"></span></div> </div> </div> <div class="io-site-modal-foot"> <a class="io-site-btn io-site-btn-go" id="ioSiteGo" href="javascript:" target="_blank" rel="noopener nofollow"><i class="iconfont icon-gogo"></i>访问网站</a> <a class="io-site-btn io-site-btn-detail" id="ioSiteDetail" href="javascript:" target="_blank" rel="noopener">查看详情</a> <a class="io-site-btn io-site-btn-copy" id="ioSiteCopy" href="javascript:"><i class="iconfont icon-copy"></i>复制链接</a> </div> </div> </div> <script> (function(){ if (window.__ioSiteInit) return; window.__ioSiteInit = true; var ov = document.getElementById('ioSiteOv'); var loading = document.getElementById('ioSiteLoading'); var content = document.getElementById('ioSiteContent'); var ico = document.getElementById('ioSiteIco'); var titleEl = document.getElementById('ioSiteTitle'); var tagsEl = document.getElementById('ioSiteTags'); var pvWrap = document.getElementById('ioSitePreviewWrap'); var pvImg = document.getElementById('ioSitePreview'); var summaryEl = document.getElementById('ioSiteSummary'); var urlBox = document.getElementById('ioSiteUrlBox'); var urlEl = document.getElementById('ioSiteUrl'); var goBtn = document.getElementById('ioSiteGo'); var detailBtn = document.getElementById('ioSiteDetail'); var copyBtn = document.getElementById('ioSiteCopy'); var ajaxUrl = "https:\/\/www.prompt123.cn\/wp-admin\/admin-ajax.php"; var currentUrl = ''; var reqSeq = 0; function esc(s){ return String(s == null ? '' : s).replace(/[&<>"']/g, function(c){ return {'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]; }); } function openSite(pid){ var seq = ++reqSeq; loading.style.display = 'flex'; content.style.display = 'none'; ov.classList.add('show'); ov.setAttribute('aria-hidden','false'); document.body.style.overflow = 'hidden'; // 与卡片 a.is-views 行为一致:统计一次浏览量(不影响页面跳转) try{ fetch(ajaxUrl + '?action=io_postviews&postviews_id=' + encodeURIComponent(pid), {method:'GET', credentials:'same-origin'}); }catch(e){} var fd = new FormData(); fd.append('action','io_get_site'); fd.append('post_id', pid); fetch(ajaxUrl,{method:'POST',body:fd,credentials:'same-origin'}) .then(function(r){ return r.json(); }) .then(function(d){ if (seq !== reqSeq) return; // 丢弃过期响应 loading.style.display = 'none'; content.style.display = 'block'; if (!d || d.status !== 1){ showError((d && d.msg) || '站点加载失败'); return; } fill(d); }) .catch(function(){ if (seq !== reqSeq) return; loading.style.display = 'none'; content.style.display = 'block'; showError('网络错误,请重试'); }); } function showError(msg){ ico.src = ''; titleEl.textContent = msg; tagsEl.innerHTML = ''; summaryEl.textContent = ''; urlBox.style.display = 'none'; pvWrap.style.display = 'none'; goBtn.style.display = 'none'; detailBtn.href = 'javascript:'; copyBtn.style.display = 'none'; currentUrl = ''; } function fill(d){ ico.src = d.ico || ''; ico.style.visibility = d.ico ? 'visible' : 'hidden'; titleEl.textContent = d.title || ''; // 标签 var html = ''; if (d.tags && d.tags.length){ for (var i=0;i<d.tags.length;i++){ html += '<a class="io-site-tag" href="' + esc(d.tags[i].url) + '"><i>●</i>' + esc(d.tags[i].name) + '</a>'; } } var typeName = ''; if (d.sites_type && d.sites_type !== 'sites'){ typeName = d.sites_type === 'wechat' ? '公众号' : (d.sites_type === 'down' ? '下载' : esc(d.sites_type)); html += '<span class="io-site-type">' + typeName + '</span>'; } tagsEl.innerHTML = html; // 截图(加载失败自动隐藏) if (d.preview){ pvWrap.style.display = 'block'; pvImg.onerror = function(){ pvWrap.style.display = 'none'; }; pvImg.src = d.preview; } else { pvWrap.style.display = 'none'; } summaryEl.textContent = d.summary || ''; // 地址栏 var showUrl = d.go_url || d.detail || ''; if (showUrl){ urlBox.style.display = 'flex'; urlEl.textContent = showUrl; } else { urlBox.style.display = 'none'; } // 按钮:无外链时隐藏"访问网站",保留详情入口 var hasDirect = d.direct && d.direct !== d.detail; if (hasDirect){ goBtn.href = d.direct; goBtn.style.display = 'inline-flex'; } else { goBtn.style.display = 'none'; } detailBtn.href = d.detail || 'javascript:'; copyBtn.style.display = 'inline-flex'; currentUrl = d.go_url || d.detail || ''; // 复制时优先真实外链 } function closeSite(){ ov.classList.remove('show'); ov.setAttribute('aria-hidden','true'); document.body.style.overflow = ''; pvImg.onerror = null; pvImg.src = ''; } function copyText(text, done){ if (navigator.clipboard && navigator.clipboard.writeText){ navigator.clipboard.writeText(text).then(done); } else { var ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta); ta.select(); try{ document.execCommand('copy'); done(); }catch(err){} document.body.removeChild(ta); } } // 拦截网址卡片点击(提示词卡片走自己的弹窗,直达/详情按钮、标签、点赞等保留原行为) document.addEventListener('click', function(e){ var el = e.target; var card = el.closest ? el.closest('.sites-item') : null; if (!card) return; if (card.classList.contains('io-prompt-card')) return; if (el.closest('.togo, .meta-ico, .item-tags a, .tooltip-toggle')) return; var body = card.querySelector('.sites-body[data-id]'); if (!body) return; e.preventDefault(); e.stopPropagation(); openSite(body.getAttribute('data-id')); }, true); document.getElementById('ioSiteClose').addEventListener('click', closeSite); ov.addEventListener('click', function(e){ if (e.target === ov) closeSite(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape') closeSite(); }); copyBtn.addEventListener('click', function(){ if (!currentUrl) return; copyText(currentUrl, function(){ copyBtn.textContent = '已复制 ✓'; setTimeout(function(){ copyBtn.textContent = '复制链接'; }, 1600); }); }); })(); </script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/onenav/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div class="modal fade add_new_sites_modal" id="report-sites-modal" tabindex="-1" role="dialog" aria-labelledby="report-sites-title" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-md" id="report-sites-title">反馈</h5> <button type="button" id="close-sites-modal" class="close io-close" data-dismiss="modal" aria-label="Close"> <i aria-hidden="true" class="iconfont icon-close text-lg"></i> </button> </div> <div class="modal-body"> <div class="tips-box vc-l-blue btn-block" role="alert"> <i class="iconfont icon-statement "></i> 让我们一起共建文明社区!您的反馈至关重要! </div> <form id="report-form" method="post"> <input type="hidden" name="post_id" value="10269"> <input type="hidden" name="action" value="report_site_content"> <div class="form-row"> <div class="col-6 py-1"> <label><input type="radio" name="reason" class="reason-type-1" value="1" checked> 已失效</label> </div><div class="col-6 py-1"> <label><input type="radio" name="reason" class="reason-type-2" value="2" > 重定向&变更</label> </div><div class="col-6 py-1"> <label><input type="radio" name="reason" class="reason-type-3" value="3" > 已屏蔽</label> </div><div class="col-6 py-1"> <label><input type="radio" name="reason" class="reason-type-4" value="4" > 敏感内容</label> </div><div class="col-6 py-1"> <label><input type="radio" name="reason" class="reason-type-0" value="0" > 其他</label> </div> </div> <div class="form-group other-reason-input" style="display: none;"> <input type="text" class="form-control other-reason" value="" placeholder="其它信息,可选"> </div> <div class="form-group redirect-url-input" style="display: none;"> <input type="text" class="form-control redirect-url" value="" placeholder="重定向&变更后的地址"> </div> <div class=" text-center"> <button type="submit" class="btn vc-l-red">提交反馈</button> </div> </form> </div> </div> </div> <script> $(function () { $('.tooltip-toggle').tooltip(); $('input[type=radio][name=reason]').change(function() { var t = $(this); var reason = $('.other-reason-input'); var url = $('.redirect-url-input'); reason.hide(); url.hide(); if(t.val()==='0'){ reason.show(); }else if(t.val()==='2'){ url.show(); } }); $(document).on("submit",'#report-form', function(event){ event.preventDefault(); var t = $(this); var reason = t.find('input[name="reason"]:checked').val(); if(reason === "0"){ reason = t.find('.other-reason').val(); if(reason==""){ showAlert(JSON.parse('{"status":4,"msg":"信息不能为空!"}')); return false; } } if(reason === "2"){ if(t.find('.redirect-url').val()==""){ showAlert(JSON.parse('{"status":4,"msg":"信息不能为空!"}')); return false; } } $.ajax({ url: 'https://www.prompt123.cn/wp-admin/admin-ajax.php', type: 'POST', dataType: 'json', data: { action : t.find('input[name="action"]').val(), post_id : t.find('input[name="post_id"]').val(), reason : reason, redirect : t.find('.redirect-url').val(), }, }) .done(function(response) { if(response.status == 1){ $('#report-sites-modal').modal('hide'); } showAlert(response); }) .fail(function() { showAlert(JSON.parse('{"status":4,"msg":"网络错误 --."}')); }); return false; }); }); </script> </div> <div id="footer-tools" class="tools-right io-footer-tools d-flex flex-column"> <a href="javascript:" class="btn-tools go-to-up go-up my-1" rel="go-up" style="display: none"> <i class="iconfont icon-to-up"></i> </a> <a href="javascript:" class="btn-tools switch-dark-mode my-1" data-toggle="tooltip" data-placement="left" title="夜间模式"> <i class="mode-ico iconfont icon-light"></i> </a> </div> <div class="search-modal" id="search-modal"><div class="header-big css-color" style="background-image: linear-gradient(45deg, #ff3a2b 0%, #ed17de 50%, #f4275e 100%);"><div class="switch-container search-container content container"><div id="search-nav" class="big-search mx-auto" style="--big-search-height:360px;--big-mobile-height:260px"><div class="search-box-big"><div class="search-list-menu no-scrollbar overflow-x-auto slider-ul"><div class="anchor" data-width="30" style="position: absolute; left: 50%; opacity: 0;"></div><div class="search-menu slider-li active" data-default="type-big-zhannei" data-target="#group-onsite" data-id="group-onsite">本站</div><div class="search-menu slider-li " data-default="type-baidu" data-target="#group-search" data-id="group-search">搜索</div><div class="search-menu slider-li " data-default="type-ai-prompt" data-target="#group-prompt" data-id="group-prompt">提示词</div><div class="search-menu slider-li " data-default="type-ai-image-prompt" data-target="#group-imgprompt" data-id="group-imgprompt">图片提示词</div><div class="search-menu slider-li " data-default="type-br" data-target="#group-c" data-id="group-c">工具</div><div class="search-menu slider-li " data-default="type-zhihu" data-target="#group-d" data-id="group-d">社区</div></div><form action="https://www.prompt123.cn/?post_type=sites&s=" method="get" target="_blank" data-page="home" class="search-form"><input type="text" id="search-text" class="form-control search-key" data-smart-tips="false" placeholder="输入关键字搜索" style="outline:0" autocomplete="off" data-status="true"><div class="search-tools"><span type="submit" class="btn vc-theme search-submit-btn"><i class="iconfont icon-search"></i></span></div></form> <div class="search-list-group"><ul id="group-onsite" class="search-group group-onsite no-scrollbar overflow-x-auto active"><li class="search-term active type-big-zhannei" data-id="type-big-zhannei" data-value="https://www.prompt123.cn/?post_type=sites&s=" data-placeholder="输入关键字搜索"></li></ul><ul id="group-search" class="search-group group-search no-scrollbar overflow-x-auto "><li class="search-term type-baidu" data-id="type-baidu" data-value="https://www.baidu.com/s?wd=%s%" data-placeholder="百度一下">百度</li><li class="search-term type-google" data-id="type-google" data-value="https://www.google.com/search?q=%s%" data-placeholder="谷歌两下">Google</li><li class="search-term type-360" data-id="type-360" data-value="https://www.so.com/s?q=%s%" data-placeholder="360好搜">360</li><li class="search-term type-sogo" data-id="type-sogo" data-value="https://www.sogou.com/web?query=%s%" data-placeholder="搜狗搜索">搜狗</li><li class="search-term type-bing" data-id="type-bing" data-value="https://cn.bing.com/search?q=%s%" data-placeholder="微软Bing搜索">Bing</li><li class="search-term type-sm" data-id="type-sm" data-value="https://yz.m.sm.cn/s?q=%s%" data-placeholder="UC移动端搜索">神马</li></ul><ul id="group-prompt" class="search-group group-prompt no-scrollbar overflow-x-auto "><li class="search-term type-ai-prompt" data-id="type-ai-prompt" data-value="https://www.prompt123.cn/favorites/ai-prompts?s=%s%" data-placeholder="搜索提示词,例如:写周报、小红书文案、Python面试…">站内AI提示词</li></ul><ul id="group-imgprompt" class="search-group group-imgprompt no-scrollbar overflow-x-auto "><li class="search-term type-ai-image-prompt" data-id="type-ai-image-prompt" data-value="https://www.prompt123.cn/image-prompts?s=%s%" data-placeholder="搜索图片提示词,例如:3D、动漫、风景、海报…">站内图片提示词</li></ul><ul id="group-c" class="search-group group-c no-scrollbar overflow-x-auto "><li class="search-term type-br" data-id="type-br" data-value="https://seo.5118.com/%s%?t=ydm" data-placeholder="请输入网址(不带https://)">权重查询</li><li class="search-term type-links" data-id="type-links" data-value="https://ahrefs.5118.com/%s%?t=ydm" data-placeholder="请输入网址(不带https://)">友链检测</li><li class="search-term type-icp" data-id="type-icp" data-value="https://icp.5118.com/domain/%s%?t=ydm" data-placeholder="请输入网址(不带https://)">备案查询</li><li class="search-term type-seo" data-id="type-seo" data-value="https://seo.5118.com/%s%?t=ydm" data-placeholder="请输入网址(不带https://)">SEO查询</li><li class="search-term type-ciku" data-id="type-ciku" data-value="https://www.5118.com/seo/newrelated/%s%?t=ydm" data-placeholder="请输入关键词">关键词挖掘</li><li class="search-term type-51key" data-id="type-51key" data-value="https://so.5118.com/all/%s%?t=ydm" data-placeholder="请输入关键词">素材搜索</li><li class="search-term type-51kt" data-id="type-51kt" data-value="https://www.kt1.com/wordfrequency/yuliao/%s%?t=ydm" data-placeholder="请输入关键词">大数据词云</li></ul><ul id="group-d" class="search-group group-d no-scrollbar overflow-x-auto "><li class="search-term type-zhihu" data-id="type-zhihu" data-value="https://www.zhihu.com/search?type=content&q=%s%" data-placeholder="知乎">知乎</li><li class="search-term type-wechat" data-id="type-wechat" data-value="https://weixin.sogou.com/weixin?type=2&query=%s%" data-placeholder="微信">微信</li><li class="search-term type-weibo" data-id="type-weibo" data-value="https://s.weibo.com/weibo/%s%" data-placeholder="微博">微博</li><li class="search-term type-douban" data-id="type-douban" data-value="https://www.douban.com/search?q=%s%" data-placeholder="豆瓣">豆瓣</li><li class="search-term type-why" data-id="type-why" data-value="https://ask.seowhy.com/search/?q=%s%" data-placeholder="SEO问答社区">搜外问答</li></ul></div><div class="card search-smart-tips " style="display: none"><ul></ul><div class="search-smart-meta d-none d-md-flex"><span class="key">↵</span><span class="label mr-4">ENTER</span><span class="key">↓</span><span class="key">↑</span><span class="label">NAV</span></div></div></div></div></div></div></div><script type="text/javascript">window.IO = {"ajaxurl":"https:\/\/www.prompt123.cn\/wp-admin\/admin-ajax.php","uri":"https:\/\/www.prompt123.cn\/wp-content\/themes\/onenav","homeUrl":"https:\/\/www.prompt123.cn","minAssets":".min","uid":"","homeWidth":"1260","loginurl":"https:\/\/www.prompt123.cn\/wp-login.php?redirect_to=https%3A%2F%2Fwww.prompt123.cn%2Fsites%2F10269.html","sitesName":"中文AI提示词库与AI工具导航","addico":"https:\/\/www.prompt123.cn\/wp-content\/themes\/onenav\/assets\/images\/add.png","order":"asc","formpostion":"top","defaultclass":"io-grey-mode","isCustomize":false,"faviconApi":"https:\/\/icon.horse\/icon\/%host%","customizemax":10,"newWindow":true,"lazyload":true,"minNav":false,"loading":false,"hotWords":"baidu","msAutoShow":false,"classColumns":" col-2a col-sm-2a col-md-2a col-lg-3a col-xl-5a col-xxl-6a ","apikey":"TWpNeU1ESXhOVGMzTWpreU5UUT11OHNSU05UZzI=","isHome":false,"themeType":"auto-system","mceCss":"https:\/\/www.prompt123.cn\/wp-content\/themes\/onenav\/assets\/css\/editor-style.css","version":"6.00.10","isShowAsideSub":false,"asideWidth":"160","localize":{"liked":"您已经赞过了!","like":"谢谢点赞!","networkError":"网络错误 --.","parameterError":"参数错误 --.","selectCategory":"为什么不选分类。","addSuccess":"添加成功。","timeout":"访问超时,请再试试,或者手动填写。","lightMode":"日间模式","nightMode":"夜间模式","editBtn":"编辑","okBtn":"确定","urlExist":"该网址已经存在了 --.","cancelBtn":"取消","successAlert":"成功","infoAlert":"信息","warningAlert":"警告","errorAlert":"错误","extractionCode":"网盘提取码已复制,点“确定”进入下载页面。","wait":"请稍候","loading":"正在处理请稍后...","userAgreement":"请先阅读并同意用户协议","reSend":"秒后重新发送","weChatPay":"微信支付","alipay":"支付宝","scanQRPay":"请扫码支付","payGoto":"支付成功,页面跳转中","clearFootprint":"确定要清空足迹记录吗?","close":"关闭","currencyRateConvert":{"title":"货币换算","no_rate":"当前数据源暂无该币种汇率","rate_load_failed":"汇率加载失败"}},"postData":{"postId":10269,"postType":"sites"}};</script><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f332326481136225c08b77e1364c71d8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script id="bootstrap-js-js" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/js/bootstrap.bundle.min.js?ver=6.00.10"></script> <script id="require-js" src="https://www.prompt123.cn/wp-content/themes/onenav/assets/js/require.js?ver=6.00.10"></script> </body> </html>