，描述用，内容用。所以整体结构大致如下： ```html 文章标题 </h1> <div id="postmeta"> <span><i class="ri-calendar-check-line"></i> <time datetime="2025-03-27 12:01:28">2025-03-27 12:01:28</time> </span> <span><a target="_blank" href="/detail/" title="网站建设"><i class="ri-price-tag-3-line"></i> 网站建设</a></span> <span><i class="ri-message-2-line"></i> 37280</span></div> <div class="entry" id="maximg"> </div> <div id="postTags" class="center"> <span><i class="ri-hashtag"></i> 关键词</span> </div> <div id="postnavi"> <div class="prev"> <a href="/detail/9441.html">元宇宙系统开发：未来科技的无限可能</a> </div> <div class="next"> <a href="/detail/9443.html">元宇宙游戏开发：从概念到实践</a> </div> </div> <section id="related"> <h3 class="hTitle">给您推荐相同类型的内容：</h3> <ul class="news"> <li> <figure class="thumbnail"> <a target="_blank" href="/detail/32127.html" title="武汉数字孪生应用：推动城市管理智能化发展"> <img src="/public/images/32.jpg" alt="武汉数字孪生应用：推动城市管理智能化发展"/> </a> </figure> <div class="text"> <h4> <a target="_blank" href="/detail/32127.html" title="/detail/32127.html">武汉数字孪生应用：推动城市管理智能化发展</a> </h4> <div class="rows"> 武汉数字孪生应用在城市管理中的重要性，探讨其优势、应用场景及未来挑战。了解如何通过数字孪生技术优化城市资源配置和提升管理效率。 </div> </div> </li> <li> <figure class="thumbnail"> <a target="_blank" href="/detail/32126.html" title="武汉智慧社区方案"> <img src="/public/images/156.jpg" alt="武汉智慧社区方案"/> </a> </figure> <div class="text"> <h4> <a target="_blank" href="/detail/32126.html" title="/detail/32126.html">武汉智慧社区方案</a> </h4> <div class="rows"> 武汉智慧社区方案介绍，涵盖物业管理、垃圾分类、停车管理等方面的详细内容。了解如何通过智慧社区技术提升生活品质和城市管理水平。 </div> </div> </li> <li> <figure class="thumbnail"> <a target="_blank" href="/detail/32125.html" title="武汉智慧工厂系统"> <img src="/public/images/258.jpg" alt="武汉智慧工厂系统"/> </a> </figure> <div class="text"> <h4> <a target="_blank" href="/detail/32125.html" title="/detail/32125.html">武汉智慧工厂系统</a> </h4> <div class="rows"> 武汉智慧工厂系统是推动武汉工业升级的重要工具，通过大数据分析和人工智能技术实现生产效率提升。本文详细介绍武汉智慧工厂的核心功能、应用场景及未来发展方向。 </div> </div> </li> <li> <figure class="thumbnail"> <a target="_blank" href="/detail/32124.html" title="武汉智慧零售方案"> <img src="/public/images/229.jpg" alt="武汉智慧零售方案"/> </a> </figure> <div class="text"> <h4> <a target="_blank" href="/detail/32124.html" title="/detail/32124.html">武汉智慧零售方案</a> </h4> <div class="rows"> 武汉智慧零售方案，探索武汉市如何通过智慧技术提升消费体验。本文详细分析武汉智慧零售的核心技术、应用场景及未来发展方向。了解如何在武汉市利用智慧零售实现商业转型。 </div> </div> </li> </ul> </section> </article> </main> <div id="sidebar"> <section class="widget theme divContact"> <h3 class="sidetitle">联系我们</h3> <div class="textwidget"> <div class="clear tel"> <div class="box"> <h4><i class="ri-customer-service-line"></i> 咨询电话：</h4> <span>187 0277 8539</span> </div> </div> <div class="info"> <p class="qr"> <img src="/static/upload/image/20250526/1748273304654874.jpg" alt="微信"/> </p> <h4>微信扫描二维码</h4> <p>联系我们了解更多</p> </div> <div class="info"> <p class="qr"> <img src="/static/upload/image/20250528/1748401785968465.png" alt="抖音"/> </p> <h4>抖音扫描二维码</h4> <p>关注我们了解更多</p> </div> <div class="clear social"> <span> <a class="qq" rel="nofollow" href="tencent://message/?Menu=yes&uin=1219111902&Site=https://www.diemengtech.com" title="QQ"><i class="ri-qq-fill"></i></a> </span> <span> <a class="wb" rel="nofollow" href="" title="微博" target="_blank"><i class="ri-weibo-fill"></i></a> </span> </div> </div> </section> <section class="widget system divTags"> <h3 class="sidetitle">标签列表</h3> <ul> <li><a title="网站策略" href="/tag/%E7%BD%91%E7%AB%99%E7%AD%96%E7%95%A5">网站策略</a></li> <li><a title="宏观" href="/tag/%E5%AE%8F%E8%A7%82">宏观</a></li> <li><a title="竞争分析" href="/tag/%E7%AB%9E%E4%BA%89%E5%88%86%E6%9E%90">竞争分析</a></li> <li><a title="营销策略" href="/tag/%E8%90%A5%E9%94%80%E7%AD%96%E7%95%A5">营销策略</a></li> <li><a title="竞争" href="/tag/%E7%AB%9E%E4%BA%89">竞争</a></li> <li><a title="分析" href="/tag/%E5%88%86%E6%9E%90">分析</a></li> </ul> </section> <section class="widget system divPrevious"> <h3 class="sidetitle">最近发表</h3> <ul> <li><a title="武汉数字孪生应用：推动城市管理智能化发展" href="/detail/32127.html">武汉数字孪生应用：推动城市管理智能化发展</a></li> <li><a title="武汉智慧社区方案" href="/detail/32126.html">武汉智慧社区方案</a></li> <li><a title="武汉智慧工厂系统" href="/detail/32125.html">武汉智慧工厂系统</a></li> <li><a title="武汉智慧零售方案" href="/detail/32124.html">武汉智慧零售方案</a></li> <li><a title="武汉智慧校园系统：推动教育信息化的新模式" href="/detail/32123.html">武汉智慧校园系统：推动教育信息化的新模式</a></li> <li><a title="武汉智慧园区方案：推动城市未来发展新模式" href="/detail/32122.html">武汉智慧园区方案：推动城市未来发展新模式</a></li> </ul> </section> <section class="widget system divSearchPanel"> <div class="textwidget"> <form name="search" method="get" action="/search/"> <input type="submit" value="搜索" name="keyword" /> </form> </div> </section> </div> </div> </div> <script> // 初始化 Markdown 解析器 const md = window.markdownit({ html: true, linkify: true, typographer: true }); function renderAiResponse(markdownText, container) { const containerEl = typeof container === 'string' ? document.getElementById(container) : container; if (!containerEl) return; if (!markdownText || typeof markdownText !== 'string') { containerEl.innerHTML = ''; return; } containerEl.innerHTML = md.render(markdownText); } function isMarkdown(text) { return /^#|\*|-\s|$.*$\(|`{3}|\!$.*$\(/gm.test(text); } function containsHTML(str) { str = str.replace('<br><p>立即拨打电话 <span style="color: rgb(255, 0, 0);">18702778539 </span>（加微信），免费赠送服务器，免费领取系统安全评估，免费咨询落地方案</p>', ""); // 删除 "World" const div = document.createElement('div'); div.innerHTML = str; // 检查是否有子节点是元素节点 for (let i = 0; i < div.childNodes.length; i++) { if (div.childNodes[i].nodeType === 1) { return true; } } return false; } function containsNewline(str) { return str.includes('\n'); } let html = ` <img src="/public/images/254.jpg"/>。所以整体结构大致如下： ```html <body> <title>文章标题 文章描述

立即拨打电话 18702778539 （加微信），免费赠送服务器，免费领取系统安全评估，免费咨询落地方案

`; // 渲染到页面 document.addEventListener('DOMContentLoaded', function() { // console.log("html",isMarkdown(html),containsHTML(html),containsNewline(html)); if((!containsHTML(html) && containsNewline(html)) ){ renderAiResponse(html, 'maximg'); }else{ html = html.replace('\n', "
"); document.getElementById('maximg').innerHTML = html; } });
🤖