注册 | 登录 |

链图

人气指数: 0

收录时间: 2026-10-05

入站流量: 0

出站流量: 0

网站权重

百度权重
360权重
神马权重

扫码访问

认领此站

网站描述:

一款专为微信公众号、博客、社交媒体等场景设计的在线链接转二维码图片生成器。用户只需输入任意网页链接,即可得到一张同时包含二维码、网站标题和简介的精美图片。

链图是一款面向微信公众号、博客、社交媒体等内容创作者的在线链接转图片工具。用户只需在输入框中粘贴任意网页 URL,系统会自动抓取该页面的 标题 与 简介(meta description)‍,并生成一张 包含二维码、标题、简介的精美卡片图片,可直接复制或下载后插入文章中。

  • 链图官网入口网址:https://qr.windliang.wang/
  • 链图开源项目地址:https://github.com/wind-liang/link-to-image

主要功能与特点

  • 一键生成二维码卡片:输入链接后,后台调用页面爬取接口,提取 与 <meta name=”description”>,并使用 QR‑Code 库生成对应的二维码。生成的图片同时展示标题、简介,视觉上比单纯的二维码更具信息量,阅读者无需点击即可了解链接内容。</li><li>适配微信公众号排版:生成的图片尺寸和样式经过专门调校,符合微信编辑器的图片宽度(约 600 px),在文章中插入后不会出现失真或排版错位,极大提升阅读体验。</li><li>无需安装、即点即用:完全基于浏览器运行,前端使用 Next.js + TailwindCSS 构建,后端通过轻量 API 完成抓取与二维码生成,用户无需注册或下载任何软件,只要打开网址即可使用。</li><li>开源、可自定义:项目源码托管在 GitHub(wind‑liang/link-to-image),采用 MIT 许可证,任何人均可查看、二次开发或自行部署,满足企业内部安全合规需求。</li><li>SEO 与分享友好:生成的图片文件名中嵌入哈希,便于搜索引擎抓取;同时图片本身携带标题与简介,可在社交平台预览时直接展示,提高点击率。</li></ul><h2>使用场景</h2><ul><li>微信公众号运营:在推文、图文素材中插入外部文章、活动报名页、调查问卷等链接时,使用链图生成的卡片图片,使读者在不离开公众号的情况下快速获取链接概览,提升转化率。</li><li>博客或技术社区:技术文章常引用官方文档或工具下载链接,使用链图可将链接包装成统一风格的卡片,保持页面美观统一。</li><li>企业内部分享:在企业微信、钉钉等工作群里分享项目文档或内部系统入口时,直接贴图即可,避免长链接导致的阅读障碍。</li></ul><h2>操作流程(简要)</h2><ol><li>打开 https://qr.windliang.wang/ 。</li><li>在输入框粘贴目标网页 URL。</li><li>点击 “生成” 按钮,系统在几秒内返回预览图片。</li><li>右键保存或点击下载按钮获取 PNG/JPEG 文件。</li><li>将图片插入公众号编辑器或其他平台的文章中即可。</li></ol><p>链图 正是为了解决“在公众号文章中插入外部链接时,文字链接显得单调、点击率低”的痛点而生,凭借“一键生成、标题+简介+二维码”三合一的卡片图片,帮助内容创作者实现更美观、更高效的链接展示。</p> <hr> <p class="mb-0"> <strong class="li-title">网站标签:</strong> <span class="sd-tags"> <a href="/tag/2_%E6%96%B0%E5%AA%92%E8%BF%90%E8%90%A5.html" target="_blank">新媒运营</a> <a href="/tag/2_%E6%96%B0%E5%AA%92%E5%B7%A5%E5%85%B7.html" target="_blank">新媒工具</a> <a href="/tag/2_%E8%AE%BE%E8%AE%A1%E5%B7%A5%E5%85%B7.html" target="_blank">设计工具</a> </span> </p> <footer class="blockquote-footer">小提示:请在您的网站(链图)做上本站友情链接,有网友访问时将自动更新并出现在本站首页!</footer> <footer class="blockquote-footer">猜一猜:链图的域名是什么?</footer> <footer class="blockquote-footer">上一个网站:<a href="/shejigongju/2295.html">Asciiflow</a></footer> <footer class="blockquote-footer">下一个网站:<a href="/shejigongju/2297.html">三色重叠图生成器</a></footer> </blockquote> </div> </div> <p></p> <div class="card border-0 bg-transparent mb-3"> <div class="card-header d-flex align-items-center position-relative"> <i class="icon-heart text-danger font-size-lg mr-1"></i>您可能还<b class="text-danger">喜欢</b> <ul class="nav nav-tabs m-0 ml-auto position-absolute" id="show_like_tab" role="tablist" style="right:0;bottom:0"> <li class="nav-item"><a href="javasrcript:;" class="nav-link active position-relative" id="products-tab" data-toggle="tab" data-target="#products" role="tab" aria-controls="products">站点</a></li> </ul> </div> <div class="tab-content"> <div class="tab-pane active" id="products" role="tabpanel" aria-labelledby="products-tab"> <div class="card-body p-0"> <div class="row row-cols-2 row-cols-sm-2 item_tui"> <div class="col mt-3"> <div class="card border-0 shadow"> <div class="card-body pb-0 align-middle item_img" style="padding-left:45px;background-image:url(/upload/products/202610/1749296ac767299362cZRvUm3.ico);"> <p class="card-title text-truncate mb-0"><a href="/gouwuhaitao/5228.html" title="得物" class="stretched-link" target="_blank">得物</a></p> <p class="card-text text-truncate"><small class="text-muted">dewu.com</small></p> </div> <div class="card-footer pt-0 border-0 bg-transparent text-truncate"><small class="text-muted">得物App是全球领先的集正品潮流装备、潮流商品鉴别、潮流生活社区于一体的新一代潮流网购社区。“多道鉴别查验工序”的平台品控,为新世代消费者带来更安心的网购体验。 </small></div> </div> </div> <div class="col mt-3"> <div class="card border-0 shadow"> <div class="card-body pb-0 align-middle item_img" style="padding-left:45px;background-image:url(/upload/products/202610/2339186ac667a62cbc1IPUIMW.ico);"> <p class="card-title text-truncate mb-0"><a href="/yanjiubaogao/5192.html" title="报告汇" class="stretched-link" target="_blank">报告汇</a></p> <p class="card-text text-truncate"><small class="text-muted">vicsdf.com</small></p> </div> <div class="card-footer pt-0 border-0 bg-transparent text-truncate"><small class="text-muted">报告汇是一个分享各行行业数据报告的网站,其内容涵盖了多个领域的行业报告和数据,为用户提供深入的行业洞察和市场分析。 </small></div> </div> </div> <div class="col mt-3"> <div class="card border-0 shadow"> <div class="card-body pb-0 align-middle item_img" style="padding-left:45px;background-image:url(/../static/img/favicon.ico);"> <p class="card-title text-truncate mb-0"><a href="/yanjiubaogao/5191.html" title="乌拉邦研报" class="stretched-link" target="_blank">乌拉邦研报</a></p> <p class="card-text text-truncate"><small class="text-muted">ulapia.com</small></p> </div> <div class="card-footer pt-0 border-0 bg-transparent text-truncate"><small class="text-muted">乌拉邦证券研报全文搜索引擎,提供最新、最全的新股、个股、行业、策略研究分析报告可在线免费阅读和免费下载,收录及时覆盖全。 </small></div> </div> </div> <div class="col mt-3"> <div class="card border-0 shadow"> <div class="card-body pb-0 align-middle item_img" style="padding-left:45px;background-image:url(/../static/img/favicon.ico);"> <p class="card-title text-truncate mb-0"><a href="/yanjiubaogao/5190.html" title="一查就有" class="stretched-link" target="_blank">一查就有</a></p> <p class="card-text text-truncate"><small class="text-muted">1c9u.com</small></p> </div> <div class="card-footer pt-0 border-0 bg-transparent text-truncate"><small class="text-muted">提供全面的商业数据服务和行业报告 </small></div> </div> </div> <div class="col mt-3"> <div class="card border-0 shadow"> <div class="card-body pb-0 align-middle item_img" style="padding-left:45px;background-image:url(/upload/products/202610/2339206ac667a8bdb40B0wpLG.ico);"> <p class="card-title text-truncate mb-0"><a href="/yanjiubaogao/5189.html" title="中国报告大厅" class="stretched-link" target="_blank">中国报告大厅</a></p> <p class="card-text text-truncate"><small class="text-muted">chinabgao.com</small></p> </div> <div class="card-footer pt-0 border-0 bg-transparent text-truncate"><small class="text-muted">市场调研报告门户,专业提供各行业市场调研报告 </small></div> </div> </div> <div class="col mt-3"> <div class="card border-0 shadow"> <div class="card-body pb-0 align-middle item_img" style="padding-left:45px;background-image:url(/../static/img/favicon.ico);"> <p class="card-title text-truncate mb-0"><a href="/yanjiubaogao/5187.html" title="腾讯调研云" class="stretched-link" target="_blank">腾讯调研云</a></p> <p class="card-text text-truncate"><small class="text-muted">research.tencent.com</small></p> </div> <div class="card-footer pt-0 border-0 bg-transparent text-truncate"><small class="text-muted">专业的研究分析平台 </small></div> </div> </div> <div class="col mt-3"> <div class="card border-0 shadow"> <div class="card-body pb-0 align-middle item_img" style="padding-left:45px;background-image:url(/../static/img/favicon.ico);"> <p class="card-title text-truncate mb-0"><a href="/yanjiubaogao/5186.html" title="CEIC" class="stretched-link" target="_blank">CEIC</a></p> <p class="card-text text-truncate"><small class="text-muted">ceicdata.com.cn</small></p> </div> <div class="card-footer pt-0 border-0 bg-transparent text-truncate"><small class="text-muted">提供全球宏观经济和行业数据的数据库 </small></div> </div> </div> <div class="col mt-3"> <div class="card border-0 shadow"> <div class="card-body pb-0 align-middle item_img" style="padding-left:45px;background-image:url(/upload/products/202610/2339286ac667b0644ec7UqAx6.ico);"> <p class="card-title text-truncate mb-0"><a href="/yanjiubaogao/5185.html" title="中研网" class="stretched-link" target="_blank">中研网</a></p> <p class="card-text text-truncate"><small class="text-muted">chinairn.com</small></p> </div> <div class="card-footer pt-0 border-0 bg-transparent text-truncate"><small class="text-muted">专注行业研究,市场调研的权威资讯门户 </small></div> </div> </div> </div> </div> </div> </div></div> </div> <div class="col-12 col-sm-3 sd-side"> <p class="mb-3"></p> <div class="card border-0 mb-3"> <div class="sd-sec-head"> <i class="icon-uniE662 text-info"></i> <b>最新推荐</b> </div> <div class="card-body"> <ul class="user_item_list list-unstyled mb-0"> <li><a href="/tupianchuli/6287.html" title="站点:BrushKing" class="d-block text-truncate" target="_blank"><img class="img-16 rounded" src="/upload/products/202610/1540556acc8f07d6aadEumm7B.gif" alt="BrushKing"> BrushKing</a></li> <li><a href="/tupianchuli/6286.html" title="站点:Ribbet.ai" class="d-block text-truncate" target="_blank"><img class="img-16 rounded" src="/upload/products/202610/1540516acc8f03ca195HONwLK.ico" alt="Ribbet.ai"> Ribbet.ai</a></li> <li><a href="/tupianchuli/6285.html" title="站点:Pixlr" class="d-block text-truncate" target="_blank"><img class="img-16 rounded" src="/upload/products/202610/1540526acc8f04aaec6vOHktj.ico" alt="Pixlr"> Pixlr</a></li> <li><a href="/tupianchuli/6284.html" title="站点:CodeFormer" class="d-block text-truncate" target="_blank"><img class="img-16 rounded" src="/../static/img/favicon.ico" alt="CodeFormer"> CodeFormer</a></li> <li><a href="/tupianchuli/6283.html" title="站点:Image Candy" class="d-block text-truncate" target="_blank"><img class="img-16 rounded" src="/upload/products/202610/1540546acc8f06c4afdBdyBlR.ico" alt="Image Candy"> Image Candy</a></li> <li><a href="/tupianchuli/6282.html" title="站点:证件照研究院" class="d-block text-truncate" target="_blank"><img class="img-16 rounded" src="/upload/products/202610/1540566acc8f089d10dDpxCYK.png" alt="证件照研究院"> 证件照研究院</a></li> <li><a href="/tupianchuli/6281.html" title="站点:AI 魔术橡皮擦" class="d-block text-truncate" target="_blank"><img class="img-16 rounded" src="/upload/products/202610/1540566acc8f0832f00q1xdQP.ico" alt="AI 魔术橡皮擦"> AI 魔术橡皮擦</a></li> <li><a href="/tupianchuli/6280.html" title="站点:图旺旺官网" class="d-block text-truncate" target="_blank"><img class="img-16 rounded" src="/upload/products/202610/1540586acc8f0a0e8d5X6wkYY.ico" alt="图旺旺官网"> 图旺旺官网</a></li> </ul> </div> </div> <div class="card border-0 mb-3"> <div class="sd-sec-head"> <i class="icon-IE text-muted"></i> <b>网站最新收录</b> </div> <div class="card-body pt-0"> <div class="row row-cols-2 mx-n1"> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1540556acc8f07d6aadEumm7B.gif" alt="BrushKing"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/tupianchuli/6287.html" title="BrushKing" class="stretched-link" target="_blank">BrushKing</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> brushking.eu</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1540516acc8f03ca195HONwLK.ico" alt="Ribbet.ai"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/tupianchuli/6286.html" title="Ribbet.ai" class="stretched-link" target="_blank">Ribbet.ai</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> ribbet.ai</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1540526acc8f04aaec6vOHktj.ico" alt="Pixlr"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/tupianchuli/6285.html" title="Pixlr" class="stretched-link" target="_blank">Pixlr</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> pixlr.com</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/../static/img/favicon.ico" alt="CodeFormer"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/tupianchuli/6284.html" title="CodeFormer" class="stretched-link" target="_blank">CodeFormer</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> codeformer.net</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1540546acc8f06c4afdBdyBlR.ico" alt="Image Candy"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/tupianchuli/6283.html" title="Image Candy" class="stretched-link" target="_blank">Image Candy</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> imgcandy.com</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1540566acc8f089d10dDpxCYK.png" alt="证件照研究院"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/tupianchuli/6282.html" title="证件照研究院" class="stretched-link" target="_blank">证件照研究院</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> id-photo-verify.com</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1540566acc8f0832f00q1xdQP.ico" alt="AI 魔术橡皮擦"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/tupianchuli/6281.html" title="AI 魔术橡皮擦" class="stretched-link" target="_blank">AI 魔术橡皮擦</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> jpgrm.com</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1540586acc8f0a0e8d5X6wkYY.ico" alt="图旺旺官网"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/tupianchuli/6280.html" title="图旺旺官网" class="stretched-link" target="_blank">图旺旺官网</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> tuwangwang.com</small> </div> </div> </div> </div> </div> </div> <div class="card border-0 mb-3"> <div class="sd-sec-head"> <a href="/ranking_44/" class="mr-auto d-flex align-items-center" style="gap:8px;text-decoration:none;"> <i class="icon-IE text-muted"></i> <b>在线工具</b> <span class="text-muted" style="font-size:.82rem;font-weight:400;">最新来访</span> </a> <a href="/ranking_44/"><i class="icon-angle-double-right text-muted"></i></a> </div> <div class="card-body pt-0"> <div class="row row-cols-2 mx-n1"> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1422296ac34225614bdqZCYU9.ico" alt="365Lab曲线文字生成器"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/shejigongju/2328.html" title="365Lab曲线文字生成器" class="stretched-link" target="_blank">365Lab曲线文字生成器</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> curvetext.365lab.top</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1422306ac342264292aEdbdwX.ico" alt="365Lab壁纸"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/shejigongju/2327.html" title="365Lab壁纸" class="stretched-link" target="_blank">365Lab壁纸</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> wallpapers.365lab.top</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1422326ac34228b8fceWcZC6E.ico" alt="易酷图"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/shejigongju/2325.html" title="易酷图" class="stretched-link" target="_blank">易酷图</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> yikutu.com</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1422336ac34229a40706ms5ge.ico" alt="365Lab词云"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/shejigongju/2324.html" title="365Lab词云" class="stretched-link" target="_blank">365Lab词云</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> wordcloud.365lab.top</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/../static/img/favicon.ico" alt="365Lab 分享卡片"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/shejigongju/2323.html" title="365Lab 分享卡片" class="stretched-link" target="_blank">365Lab 分享卡片</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> cardmaker.365lab.top</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1422356ac3422b90d6fmSGG3r.ico" alt="365Lab贴纸"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/shejigongju/2322.html" title="365Lab贴纸" class="stretched-link" target="_blank">365Lab贴纸</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> sticker.365lab.top</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1422366ac3422ca501avPoUpb.ico" alt="广告图片生成器"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/shejigongju/2321.html" title="广告图片生成器" class="stretched-link" target="_blank">广告图片生成器</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> adimg.365lab.top</small> </div> </div> </div> <div class="col px-1"> <div class="media position-relative mt-3"> <img class="align-self-center img-fluid rounded img-32 mr-2" src="/upload/products/202610/1422376ac3422db5738bhMn7W.ico" alt="急切网"> <div class="media-body text-truncate"> <p class="mb-0 text-truncate"><a href="/shejigongju/2320.html" title="急切网" class="stretched-link" target="_blank">急切网</a></p> <small class="text-muted"><i class="icon-new-tab text-gray"></i> jiqie.com</small> </div> </div> </div> </div> </div> </div> <p></p> </div> </div></div><script src="/static/js/jquery.qrcode.min.js"></script><script>$(document).ready(function(){ $.getScript("/index.php?u=views--cid-184-id-2296", function(){}); var url = "https://qr.windliang.wang"; $("#code").qrcode({ render: "canvas", width: 100, height: 100, text: url });});</script><footer><style>/* ============ 页脚 · 青绿清新风格 ============ */.site-footer{ position:relative; margin-top:2.5rem; padding:0 0 1.25rem; background:linear-gradient(180deg,#1f2d2b 0%, #1a2523 55%, #16201e 100%); color:#93a5a2; overflow:hidden;}.site-footer::before{ content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, rgba(63,154,147,.55), transparent);}/* ---------- 顶部主区 ---------- */.footer-main{ position:relative; z-index:1; padding:2.2rem 0 1.4rem;}.footer-brand{ display:flex; align-items:center; gap:.65rem; margin-bottom:.85rem; font-size:1.05rem; font-weight:600; letter-spacing:.02em; color:#fff;}.footer-brand .brand-dot{ width:9px; height:9px; border-radius:50%; background:var(--pp-primary, #2c7a7b); box-shadow:0 0 0 4px rgba(44,122,123,.20);}.footer-slogan{ margin:0 0 1.1rem; font-size:.85rem; line-height:1.8; color:#7f918e; max-width:340px;}/* 站点统计小标签 */.footer-stats{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.25rem;}.footer-stats span{ display:inline-flex; align-items:center; gap:.35rem; padding:.28rem .7rem; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); font-size:.74rem; color:#93a5a2; letter-spacing:.01em;}/* ---------- 链接栏 ---------- */.footer-links{ margin-bottom:1.2rem;}.footer-links-title{ display:flex; align-items:center; gap:.45rem; margin:0 0 .85rem; font-size:.82rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#7f918e;}.footer-links-title::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg, rgba(255,255,255,.10), transparent);}.footer-links .link-grid{ display:flex; flex-wrap:wrap; gap:.4rem .9rem;}.footer-links .link-grid a{ position:relative; color:#b3c2bf; font-size:.85rem; text-decoration:none; transition:color .22s ease;}.footer-links .link-grid a::after{ content:""; position:absolute; left:0; bottom:-3px; width:0; height:1px; background:linear-gradient(90deg,#3f9a93,#8fc4bf); transition:width .28s ease;}.footer-links .link-grid a:hover{ color:#fff;}.footer-links .link-grid a:hover::after{ width:100%;}/* ---------- 版权条 ---------- */.footer-bottom{ position:relative; z-index:1; padding:1rem 0 0; border-top:1px solid rgba(255,255,255,.07); font-size:.8rem; color:#7f918e; line-height:1.9;}.footer-bottom a{ color:#8fc4bf; text-decoration:none; transition:color .2s ease;}.footer-bottom a:hover{ color:#fff;}.footer-bottom .sep{ display:inline-block; margin:0 .5rem; color:rgba(255,255,255,.18);}/* ---------- 回到顶部(箭头居中修复) ---------- */#back-to-top{ position:fixed; right:1.35rem; bottom:1.6rem; z-index:1040; display:flex; flex-direction:column; align-items:center; gap:.6rem; margin:0; padding:0; line-height:1;}#back-to-top > a{ display:flex !important; align-items:center !important; justify-content:center !important; width:40px; height:40px; padding:0; margin:0; border-radius:50%; background:rgba(31,45,43,.85); border:1px solid rgba(255,255,255,.14); box-shadow:0 6px 16px rgba(0,0,0,.24); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); color:#dbe6e4; text-decoration:none; transition:all .25s ease; line-height:1; overflow:hidden;}#back-to-top > a:hover{ background:var(--pp-primary, #2c7a7b); border-color:rgba(63,154,147,.5); color:#fff; transform:translateY(-3px); box-shadow:0 10px 22px rgba(44,122,123,.40);}#back-to-top > a svg{ display:block; width:18px; height:18px; margin:0; flex:0 0 auto;}/* 返回顶部箭头稍粗一点,更醒目 */#a_top svg{ stroke-width:2.4;}/* QQ 客服图标尺寸 */#back-to-top > a svg.icon{ width:24px; height:24px;}/* ---------- 响应式 ---------- */@media (max-width: 767.98px){ .footer-main{padding:1.6rem 0 1rem;} .footer-slogan{max-width:100%;} .footer-bottom{text-align:center;} .footer-links{text-align:center;} .footer-links-title{justify-content:center;} .footer-links-title::after{display:none;} .footer-links .link-grid{justify-content:center;} #back-to-top{right:.9rem; bottom:1.1rem;} #back-to-top > a{width:36px; height:36px;} #back-to-top > a svg{width:16px; height:16px;} #back-to-top > a svg.icon{width:22px; height:22px;}}</style><div class="site-footer" id="footer"> <div class="container footer-main"> <div class="row"> <div class="col-12 col-md-4 mb-3 mb-md-0"> <div class="footer-brand"> <span class="brand-dot"></span> <a href="http://www.zzceo.cn/" class="text-white text-decoration-none">CEO导航</a> </div> <p class="footer-slogan"> 汇聚优质站点与实用资源,为你提供清爽、高效的导航体验。 </p> <div class="footer-stats"> <span>🌐 持续收录</span> <span>⚡ 定期更新</span> </div> </div> <div class="col-12 col-md-4 mb-3 mb-md-0"> <div class="footer-links"> <h6 class="footer-links-title">快捷导航</h6> <div class="link-grid"> <a href="/about/">关于我们</a> <a href="/notice/">站内公告</a> <a href="/todaynews/">今日看点</a> <a href="/news/">最新资讯</a> </div> </div> </div> <div class="col-12 col-md-4"> <div class="footer-links"> <h6 class="footer-links-title">帮助支持</h6> <div class="link-grid"> <a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=30748681@qq.com" target="_blank" rel="nofollow">意见反馈</a> <a href="javascript:;" onclick="add_site();">网站提交</a> </div> </div> </div> </div> </div> <div class="container footer-bottom"> <div class="text-center"> Copyright © 2026 <a href="http://www.zzceo.cn/">CEO导航</a> All Rights Reserved <span class="sep">·</span> <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank"></a> </div> </div></div><p id="back-to-top"> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=30748681&site=qq&menu=yes" title="联系客服"><svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M512 62c-248.4 0-450 201.6-450 450s201.6 450 450 450 450-201.6 450-450-201.6-450-450-450zM711.35 621.801s-14.4 38.7-40.5 73.801c0 0 46.8 15.75 42.75 57.15 0 0 1.35 45.9-99.9 42.75 0 0-71.1-5.401-92.7-35.55h-18.9c-21.6 30.15-92.7 35.55-92.7 35.55-101.25 3.15-99.9-42.75-99.9-42.75-4.050-41.401 42.75-57.15 42.75-57.15-26.1-35.1-40.5-73.801-40.5-73.801-63.45 102.15-57.15-14.4-57.15-14.4 11.7-68.85 61.65-114.3 61.65-114.3-7.2-62.55 18.9-73.801 18.9-73.801 5.401-193.95 171.9-190.35 175.5-190.35 3.6 0 170.1-3.6 175.5 190.35 0 0 26.1 11.25 18.9 73.801 0 0 49.95 45.001 61.65 114.3v8.1c1.801 24.75-2.7 91.799-55.35 6.3z" fill="#12b7f5"></path><path d="M768.5 615.5c0 24.75-4.5 91.35-57.15 6.3 0 0-14.4 38.7-40.5 73.801 0 0 46.8 15.75 42.75 57.15 0 0 1.35 45.9-99.9 42.75 0 0-71.1-5.401-92.7-35.55h-18.9c-21.6 30.15-92.7 35.55-92.7 35.55-101.25 3.15-99.9-42.75-99.9-42.75-4.050-41.401 42.75-57.15 42.75-57.15-26.1-35.1-40.5-73.801-40.5-73.801-63.45 102.15-57.15-14.4-57.15-14.4 11.7-68.85 61.65-114.3 61.65-114.3-7.2-62.55 18.9-73.801 18.9-73.801 5.401-193.95 171.9-190.35 175.5-190.35 3.6 0 170.1-3.6 175.5 190.35 0 0 26.1 11.25 18.9 73.801 0 0 49.95 45.001 61.65 114.3 1.801 0 1.801 3.6 1.801 8.1z" fill="#ffffff"></path></svg></a> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=30748681&site=qq&menu=yes" title="联系客服"><svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M512 62c-248.4 0-450 201.6-450 450s201.6 450 450 450 450-201.6 450-450-201.6-450-450-450zM711.35 621.801s-14.4 38.7-40.5 73.801c0 0 46.8 15.75 42.75 57.15 0 0 1.35 45.9-99.9 42.75 0 0-71.1-5.401-92.7-35.55h-18.9c-21.6 30.15-92.7 35.55-92.7 35.55-101.25 3.15-99.9-42.75-99.9-42.75-4.050-41.401 42.75-57.15 42.75-57.15-26.1-35.1-40.5-73.801-40.5-73.801-63.45 102.15-57.15-14.4-57.15-14.4 11.7-68.85 61.65-114.3 61.65-114.3-7.2-62.55 18.9-73.801 18.9-73.801 5.401-193.95 171.9-190.35 175.5-190.35 3.6 0 170.1-3.6 175.5 190.35 0 0 26.1 11.25 18.9 73.801 0 0 49.95 45.001 61.65 114.3v8.1c1.801 24.75-2.7 91.799-55.35 6.3z" fill="#12b7f5"></path><path d="M768.5 615.5c0 24.75-4.5 91.35-57.15 6.3 0 0-14.4 38.7-40.5 73.801 0 0 46.8 15.75 42.75 57.15 0 0 1.35 45.9-99.9 42.75 0 0-71.1-5.401-92.7-35.55h-18.9c-21.6 30.15-92.7 35.55-92.7 35.55-101.25 3.15-99.9-42.75-99.9-42.75-4.050-41.401 42.75-57.15 42.75-57.15-26.1-35.1-40.5-73.801-40.5-73.801-63.45 102.15-57.15-14.4-57.15-14.4 11.7-68.85 61.65-114.3 61.65-114.3-7.2-62.55 18.9-73.801 18.9-73.801 5.401-193.95 171.9-190.35 175.5-190.35 3.6 0 170.1-3.6 175.5 190.35 0 0 26.1 11.25 18.9 73.801 0 0 49.95 45.001 61.65 114.3 1.801 0 1.801 3.6 1.801 8.1z" fill="#ffffff"></path></svg></a> <a href="#top" id="a_top" title="返回顶部"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 15 12 9 18 15"></polyline></svg></a></p><script>$("#tianqiyubao").html("<iframe style='padding: 0;' width='300' height='20' src='https://i.tianqi.com/?c=code&id=34&icon=1&num=3&site=12' frameborder='0'></iframe><div class='tqyb_mark'></div>");</script></footer></body></html>