AMP（加速移动页面）是一种为移动设备优化的网页设计方法，它能显著提升页面加载速度和用户体验，需要在AMP网站中引入AMP JavaScript库和样式表，通过以下步骤设置网站：1. 使用AMP置换组件替换普通HTML元素，实现响应式设计；2. 利用AMP动画组件添加动态效果，增强视觉吸引力；3. 优化图片和视频资源，确保快速加载；4. 避免使用阻塞式资源，如高分辨率图片和视频；5. 测试并验证AMP页面在不同设备和网络条件下的性能。
随着网页设计的不断发展,AMP（加速移动页面）已成为一种流行的技术标准，AMP页面能够显著提升移动端用户的浏览体验，其简洁、快速的特点使得网页加载速度大大提高，如何设置网站的AMP页面呢？本文将为你详细解析每一个步骤。
第一步：创建AMP HTML文件
你需要为你的网站创建一个新的HTML文件,并将其命名为“amp.html”，这一步至关重要，因为它标志着AMP页面的开始。
第二步：引入AMP库
在你的AMP HTML文件中，需要引入Google提供的AMP库，在
标签内加入如下代码：
<script async src="https://cdn.ampproject.org/ampparse.gif"></script>
这段代码的作用是异步加载AMP库,确保页面加载时不阻塞用户的其他操作。
第三步：优化标题和元数据
在AMP HTML文件中，需要特别关注标题和元数据的优化，修改
部分的
标签，使其简洁且能吸引用户注意，对于AMP文档的<meta>描述，建议采用简洁有力的文字，以提升用户体验。</p>
<p class="quietlee_c16a5_320fa"><strong>第四步：精简CSS和JavaScript代码</strong></p>
<p class="quietlee_6364d_3f0f4">AMP对样式和脚本的处理非常严格,在AMP页面中，CSS样式必须放在<code><style amp-custom></code>标签内，而JavaScript代码则需要放入<code><script type="application/json" amp-script></code>标签内。</p>
<p class="quietlee_182be_0c5cd">还要确保CSS样式尽量轻量级,并且避免使用大量的动画效果，在编写JavaScript时，要尽可能减少复杂的逻辑运算和DOM操作。</p>
<p class="quietlee_e3698_53df7"><strong>第五步：实现响应式布局</strong></p>
<p class="quietlee_1c383_cd30b">由于AMP页面需要在各种设备上快速加载,因此实现响应式布局至关重要，可以使用AMP提供的一些内置组件来构建自适应布局，如<amp-image><code>用于展示图片，</code><amp-video>`用于嵌入视频等。</p>
<p class="quietlee_19ca1_4e7ea"><strong>第六步：预加载关键资源</strong></p>
<p class="quietlee_a5bfc_9e079">通过AMP的<link>元素，可以预加载关键资源如字体、CSS和JavaScript文件。</p>
<pre class="brush:html;toolbar:false"><link rel="preload" href="https://example.com/font.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="style.css" as="style">
<link rel="preload" href="main.js" as="script"></pre>
<p class="quietlee_a5771_bce93">这些预加载策略可以有效提升页面的加载速度。</p>
<p class="quietlee_d67d8_ab4f4"><strong>第七步：调试与发布</strong></p>
<p class="quietlee_d6459_20e39">完成AMP页面的编写后,可以使用AMP提供的工具进行调试，在支持AMP的浏览器中打开AMP.html文件，查看是否存在错误或警告信息。</p>
<p class="quietlee_3416a_75f4c">当确认无误后,可以将此文件上传至你的服务器，并确保所有相关的AMP组件都已正确部署，AMP页面就可以在移动端浏览器中流畅地运行了。</p>
<p class="quietlee_a1d0c_6e83f">通过以上七步设置,你的网站就能成功转换为AMP页面，为用户带来更高效、更快速的浏览体验。</p></div> </div>
</div>
<footer class="entry-footer quietlee_4324f_737d7">
<div class="post-tags quietlee_bea93_03d25"><a href="https://www.xoidc.com/vps/?tags=5534" rel="tag" title="查看标签为《AMP》的所有文章">AMP</a><a href="https://www.xoidc.com/vps/?tags=629" rel="tag" title="查看标签为《页面》的所有文章">页面</a><a href="https://www.xoidc.com/vps/?tags=10" rel="tag" title="查看标签为《设置》的所有文章">设置</a><a href="https://www.xoidc.com/vps/?tags=1223" rel="tag" title="查看标签为《一步步指南》的所有文章">一步步指南</a></div> <div class="readlist ds-reward-stl quietlee_82079_9dc51">
<div class="read_outer quietlee_c5259_e5c3a"><a class="read" href="javascript:;" title="阅读模式"><i class="fa fa-send"></i> 阅读</a></div>
<div class="read_outer quietlee_17e62_166fc"><a class="comiis_poster_a" href="javascript:;" title="生成封面"><i class="fa fa-image"></i> 海报</a></div>
<div id="mClick" class="mobile_click quietlee_c3513_47f02">
<div class="share quietlee_3c624_dd3c6">
<div class="Menu-item quietlee_3d11a_e629e"><a href="javascript:Share('tqq')"><i class="fa fa-qq"></i> QQ 分享</a></div>
<div class="Menu-item quietlee_f7177_163c8"><a href="javascript:Share('sina')"><i class="fa fa-weibo"></i> 微博分享</a></div>
<div class="Menu-item quietlee_6c834_9cc72"><i class="fa fa-weixin"></i> 微信分享<img alt="微信扫一扫" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/plugin/api.php?url=https://www.xoidc.com/vps/?id=78163"></div>
</div>
<i class="fa fa-share" title="分享转发"></i> 分享
</div> </div>
</footer>
</article>
<nav class="single-nav quietlee_67d25_2f75a"> <div class="entry-page-prev j-lazy quietlee_f775d_bcd86" style="background-image: url(https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/1.jpg)">
<a href="https://www.xoidc.com/vps/?id=78162" title="网站建站中如何选择合适的网站内容管理系统？"><span>网站建站中如何选择合适的网站内容管理系统？</span></a>
<div class="entry-page-info quietlee_71ce8_fb1fb"><span class="pull-left">« 上一篇</span><span class="pull-right">2026-03-15</span></div>
</div>
<div class="entry-page-next j-lazy quietlee_580ee_0b1ea" style="background-image: url(https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/1.jpg)">
<a href="https://www.xoidc.com/vps/?id=78165" title="网站建站中如何选择合适的颜色搭配？"><span>网站建站中如何选择合适的颜色搭配？</span></a>
<div class="entry-page-info quietlee_d9d4f_495e8"><span class="pull-right">下一篇 »</span><span class="pull-left">2026-03-15</span></div>
</div>
</nav>
<div class="part-mor quietlee_9c626_5cc5f"><!--相关文章-->
<h3 class="section-title"><span><i class="fa fa-rss-square"></i>相关阅读</span></h3>
<ul class="section-cont-tags pic-box-list clearfix">
<!--相关标签-->
<li class="quietlee_2cfb7_60fe3"><a href="https://www.xoidc.com/vps/?id=101134"><i class="pic-thumb"><img class="lazy" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/9.jpg" alt="如何设计网站的FAQ页面" title="如何设计网站的FAQ页面"></i>
<h3>如何设计网站的FAQ页面</h3>
<p class="quietlee_67c6a_1e7ce"><b class="datetime">2026-03-22</b><span class="viewd">1013 人在看</span></p>
</a></li>
<li class="quietlee_642e9_2efb7"><a href="https://www.xoidc.com/vps/?id=101039"><i class="pic-thumb"><img class="lazy" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/7.jpg" alt="宝塔面板如何设置定时任务？" title="宝塔面板如何设置定时任务？"></i>
<h3>宝塔面板如何设置定时任务？</h3>
<p class="quietlee_f457c_545a9"><b class="datetime">2026-03-19</b><span class="viewd">725 人在看</span></p>
</a></li>
<li class="quietlee_c0c7c_76d30"><a href="https://www.xoidc.com/vps/?id=100873"><i class="pic-thumb"><img class="lazy" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/8.jpg" alt="苹果CMS会员系统设置详解" title="苹果CMS会员系统设置详解"></i>
<h3>苹果CMS会员系统设置详解</h3>
<p class="quietlee_28380_23a77"><b class="datetime">2026-03-19</b><span class="viewd">1060 人在看</span></p>
</a></li>
<li class="quietlee_9a115_8154d"><a href="https://www.xoidc.com/vps/?id=100676"><i class="pic-thumb"><img class="lazy" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/4.jpg" alt="如何设置网站的AMP页面？" title="如何设置网站的AMP页面？"></i>
<h3>如何设置网站的AMP页面？</h3>
<p class="quietlee_d82c8_d1619"><b class="datetime">2026-03-19</b><span class="viewd">982 人在看</span></p>
</a></li>
</ul>
</div>
<a href="https://www.xoidc.com/vps/?id=78162" class="prev-article" title="网站建站中如何选择合适的网站内容管理系统？">
<i class="fa fa fa-angle-left"></i>
</a><a href="https://www.xoidc.com/vps/?id=78165" class="next-article" title="网站建站中如何选择合适的颜色搭配？">
<i class="fa fa fa-angle-right"></i>
</a> </div>
<aside class="side fr quietlee_f0f95_16b40">
<section class="widget wow fadeInDown quietlee_e66e0_05971" id="side_hot">
<h3 class="widget-title"><i class="fa fa-side_hot"></i><span>热门文章</span></h3>
<div class="widget-box side_hot quietlee_f153c_ee736"><div class="hotimg quietlee_35622_2581b"><div class="list-item list-overlay-content quietlee_85d6c_124bf"><div class="media media-2x1 quietlee_59066_561ac"><a class="media-content" href="https://www.xoidc.com/vps/?id=13578" style="background-image:url(https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/3.jpg)" title="宝塔面板Nginx配置与安全之密钥交换艺术"><span class="overlay"></span></a></div><div class="list-content quietlee_e0b48_24cee"><div class="list-body quietlee_d5f74_77567"><a href="https://www.xoidc.com/vps/?id=13578" class="list-title h-2x">宝塔面板Nginx配置与安全之密钥交换艺术</a></div><div class="list-footer quietlee_aa2bc_bd8e3"><div class="text-muted text-xs quietlee_83a6a_a0df5">宝塔教程 ，<time class="d-inline-block">02-25</time></div></div></div></div></div><div class="hotimg quietlee_a684e_ceee7"><div class="list-item list-overlay-content quietlee_b53b3_a3d6a"><div class="media media-2x1 quietlee_9f614_08e3a"><a class="media-content" href="https://www.xoidc.com/vps/?id=11090" style="background-image:url(https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/7.jpg)" title="苹果CMS如何添加视频弹幕功能？"><span class="overlay"></span></a></div><div class="list-content quietlee_72b32_a1f75"><div class="list-body quietlee_66f04_1e16a"><a href="https://www.xoidc.com/vps/?id=11090" class="list-title h-2x">苹果CMS如何添加视频弹幕功能？</a></div><div class="list-footer quietlee_093f6_5e080"><div class="text-muted text-xs quietlee_072b0_30ba1">宝塔常见问题 ，<time class="d-inline-block">01-30</time></div></div></div></div></div><div class="hotimg quietlee_7f39f_8317f"><div class="list-item list-overlay-content quietlee_44f68_3a841"><div class="media media-2x1 quietlee_03afd_bd66e"><a class="media-content" href="https://www.xoidc.com/vps/?id=95266" style="background-image:url(https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/8.jpg)" title="旅游行业票务云服务器的高可用解决方案"><span class="overlay"></span></a></div><div class="list-content quietlee_ea5d2_f1c46"><div class="list-body quietlee_fc490_ca45c"><a href="https://www.xoidc.com/vps/?id=95266" class="list-title h-2x">旅游行业票务云服务器的高可用解决方案</a></div><div class="list-footer quietlee_3295c_76acb"><div class="text-muted text-xs quietlee_735b9_0b456">国内服务器 ，<time class="d-inline-block">03-18</time></div></div></div></div></div></div>
</section><section class="widget wow fadeInDown quietlee_9cb4b_2fb63" id="side_random">
<h3 class="widget-title"><i class="fa fa-side_random"></i><span>随便看看</span></h3>
<div class="r-item-btn quietlee_b17e0_fd0aa"><i class="fa fa-circle-o-notch"></i>换一换</div><div class="widget-box side_random quietlee_d39ce_b89b3"><div class="r-item quietlee_f56db_fbd49"><div class="r-item-wrap quietlee_839fc_90d6a"><a class="r-thumb" href="https://www.xoidc.com/vps/?id=19420"><img width="480" height="300" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/4.jpg" alt="ELK服务器日志分析方案，守护网络安全的秘密武器"></a><h4 class="r-title"><a href="https://www.xoidc.com/vps/?id=19420" title="ELK服务器日志分析方案，守护网络安全的秘密武器">ELK服务器日志分析方案，守护网络安全的秘密武器</a></h4></div></div><div class="r-item quietlee_a3f39_0d88e"><div class="r-item-wrap quietlee_14bfa_6bb14"><a class="r-thumb" href="https://www.xoidc.com/vps/?id=49078"><img width="480" height="300" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/5.jpg" alt="美国CDN服务商边缘计算能力评测"></a><h4 class="r-title"><a href="https://www.xoidc.com/vps/?id=49078" title="美国CDN服务商边缘计算能力评测">美国CDN服务商边缘计算能力评测</a></h4></div></div><div class="r-item quietlee_7cbbc_409ec"><div class="r-item-wrap quietlee_e2c42_0d928"><a class="r-thumb" href="https://www.xoidc.com/vps/?id=37670"><img width="480" height="300" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/6.jpg" alt="拨号服务器IP地域选择技巧，优化连接速度与稳定性的关键"></a><h4 class="r-title"><a href="https://www.xoidc.com/vps/?id=37670" title="拨号服务器IP地域选择技巧，优化连接速度与稳定性的关键">拨号服务器IP地域选择技巧，优化连接速度与稳定性的关键</a></h4></div></div><div class="r-item quietlee_32bb9_0e897"><div class="r-item-wrap quietlee_d2dde_a18f0"><a class="r-thumb" href="https://www.xoidc.com/vps/?id=72505"><img width="480" height="300" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/9.jpg" alt="预算有限？3000元内优质住宅服务器盘点"></a><h4 class="r-title"><a href="https://www.xoidc.com/vps/?id=72505" title="预算有限？3000元内优质住宅服务器盘点">预算有限？3000元内优质住宅服务器盘点</a></h4></div></div><div class="r-item quietlee_ad61a_b1432"><div class="r-item-wrap quietlee_d09bf_41544"><a class="r-thumb" href="https://www.xoidc.com/vps/?id=67839"><img width="480" height="300" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/1.jpg" alt="美国云服务器性能调优终极完全指南"></a><h4 class="r-title"><a href="https://www.xoidc.com/vps/?id=67839" title="美国云服务器性能调优终极完全指南">美国云服务器性能调优终极完全指南</a></h4></div></div><div class="r-item quietlee_fbd79_39d67"><div class="r-item-wrap quietlee_28dd2_c7955"><a class="r-thumb" href="https://www.xoidc.com/vps/?id=70984"><img width="480" height="300" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/3.jpg" alt="如何设置网站的社交媒体分享功能？"></a><h4 class="r-title"><a href="https://www.xoidc.com/vps/?id=70984" title="如何设置网站的社交媒体分享功能？">如何设置网站的社交媒体分享功能？</a></h4></div></div></div>
</section><section class="widget wow fadeInDown quietlee_fcbc6_c736d" id="side_countdown">
<h3 class="widget-title"><i class="fa fa-side_countdown"></i><span>似水流年</span></h3>
<div class="widget-box side_countdown quietlee_8bc78_220d9"><div class="item quietlee_139bf_a9e0a"id="dayProgress"><div class="title quietlee_6840e_01110">今日已经过去<span></span>小时</div><div class="progress quietlee_94010_ec4da"><div class="progress-bar quietlee_d47f9_bfe61"><div class="progress-inner progress-inner-1 quietlee_fa52f_5750a"></div></div><div class="progress-percentage quietlee_2854a_87e1a"></div></div></div><div class="item quietlee_41964_1a344"id="weekProgress"><div class="title quietlee_35f4a_8d465">这周已经过去<span></span>天</div><div class="progress quietlee_d1fe1_73d08"><div class="progress-bar quietlee_f033a_b37c3"><div class="progress-inner progress-inner-2 quietlee_5dd23_0b6b0"></div></div><div class="progress-percentage quietlee_43ec5_17d68"></div></div></div><div class="item quietlee_afda9_1d6e0"id="monthProgress"><div class="title quietlee_9778d_5d219">本月已经过去<span></span>天</div><div class="progress quietlee_fe9fc_289c3"><div class="progress-bar quietlee_68d30_a9594"><div class="progress-inner progress-inner-3 quietlee_fa9c3_3dbf9"></div></div><div class="progress-percentage quietlee_3ef81_5416f"></div></div></div><div class="item quietlee_ded2a_65dae"id="yearProgress"><div class="title quietlee_93db8_5ed90">今年已经过去<span></span>个月</div><div class="progress quietlee_c7e12_49ffc"><div class="progress-bar quietlee_2a38a_4a931"><div class="progress-inner progress-inner-4 quietlee_237cb_c3982"></div></div><div class="progress-percentage quietlee_76479_66b73"></div></div></div></div>
</section><section class="widget wow fadeInDown quietlee_7b5b1_50c4c" id="divTags">
<h3 class="widget-title"><i class="fa fa-divTags"></i><span>标签列表</span></h3>
<ul class="widget-box divTags"><li class="quietlee_86139_85ec4">
<a href="https://www.xoidc.com/vps/?tags=145" title="苹果CMS">苹果CMS<span class="tag-count">5366</span></a>
</li><li class="quietlee_54229_abfcf">
<a href="https://www.xoidc.com/vps/?tags=196" title="宝塔面板">宝塔面板<span class="tag-count">4945</span></a>
</li><li class="quietlee_92cc2_27532">
<a href="https://www.xoidc.com/vps/?tags=22" title="云服务器">云服务器<span class="tag-count">4006</span></a>
</li><li class="quietlee_98dce_83da5">
<a href="https://www.xoidc.com/vps/?tags=3" title="ZBlogPHP">ZBlogPHP<span class="tag-count">3280</span></a>
</li><li class="quietlee_f4b9e_c30ad">
<a href="https://www.xoidc.com/vps/?tags=40" title="WordPress">WordPress<span class="tag-count">2680</span></a>
</li><li class="quietlee_812b4_ba287">
<a href="https://www.xoidc.com/vps/?tags=131" title="杰奇建站">杰奇建站<span class="tag-count">2230</span></a>
</li><li class="quietlee_26657_d5ff9">
<a href="https://www.xoidc.com/vps/?tags=79" title="帝国CMS">帝国CMS<span class="tag-count">2209</span></a>
</li><li class="quietlee_e2ef5_24fbf">
<a href="https://www.xoidc.com/vps/?tags=153" title="CDN服务商">CDN服务商<span class="tag-count">2182</span></a>
</li><li class="quietlee_ed3d2_c2199">
<a href="https://www.xoidc.com/vps/?tags=270" title="拨号服务器">拨号服务器<span class="tag-count">2175</span></a>
</li><li class="quietlee_ac627_ab1cc">
<a href="https://www.xoidc.com/vps/?tags=48" title="解决方案">解决方案<span class="tag-count">1947</span></a>
</li><li class="quietlee_f8991_39df5">
<a href="https://www.xoidc.com/vps/?tags=76" title="帝国建站">帝国建站<span class="tag-count">1399</span></a>
</li><li class="quietlee_38b3e_ff8ba">
<a href="https://www.xoidc.com/vps/?tags=151" title="亚太CDN">亚太CDN<span class="tag-count">1361</span></a>
</li><li class="quietlee_ec895_6637a">
<a href="https://www.xoidc.com/vps/?tags=85" title="网站排名">网站排名<span class="tag-count">1354</span></a>
</li><li class="quietlee_6974c_e5ac6">
<a href="https://www.xoidc.com/vps/?tags=83" title="优化">优化<span class="tag-count">1195</span></a>
</li><li class="quietlee_c9e10_74f5b">
<a href="https://www.xoidc.com/vps/?tags=336" title="美">美<span class="tag-count">1190</span></a>
</li><li class="quietlee_65b9e_ea6e1">
<a href="https://www.xoidc.com/vps/?tags=100" title="SEO优化">SEO优化<span class="tag-count">1115</span></a>
</li><li class="quietlee_f0935_e4cd5">
<a href="https://www.xoidc.com/vps/?tags=21" title="美国">美国<span class="tag-count">1098</span></a>
</li><li class="quietlee_a97da_629b0">
<a href="https://www.xoidc.com/vps/?tags=302" title="香港云服务器">香港云服务器<span class="tag-count">1050</span></a>
</li></ul>
</section><section class="widget wow fadeInDown quietlee_baa86_8e62e" id="divComments">
<h3 class="widget-title"><i class="fa fa-divComments"></i><span>最新留言</span></h3>
<ul class="widget-box divComments"></ul>
</section> </aside>
</div>
<div class="listree-box quietlee_c4ee3_f1d71">
<h3 class="listree-titles"><a class="listree-btn" title="展开">目录[+]</a></h3>
<ul id="listree-ol" style="display:none;"></ul>
</div>
<script>//分享代码
function Share(pType){
var pTitle = "如何设置网站的AMP页面？一步步指南"; //待分享的标题
var pImage = "https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/3.jpg"; //待分享的图片
var pContent = "AMP（加速移动页面）是一种为移动设备优化的网页设计方法，它能显著提升页面加载速度和用户体验，需要在AMP网站中引入AMP JavaScript库和样式表，..."; //待分享的内容
var pUrl = window.location.href; //当前的url地址
var pObj = jQuery("div[class='yogo_hc']").find("h4");
if(pObj.length){ pTitle = pObj.text();}
var pObj = jQuery("div[class='yogo_hcs']").find("em");
if(pObj.length){ pContent = pObj.text(); }
var pObj = jQuery("div[class='con_cons']").find("img");
if(pObj.length){ pImage = jQuery("div[class='con_cons']").find("img",0).attr("src"); }
shareys(pType, pUrl, pTitle,pImage, pContent);
}
function shareys(a, c, b, e, d) {
switch (a) {
case "sina":
c = "//service.weibo.com/share/share.php?title\x3d" + encodeURIComponent("\u300c" + b + "\u300d" + d + "\u9605\u8bfb\u8be6\u60c5" + c) + "\x26pic\x3d" + e +"&appkey=&searchPic=true";
window.open(c);
break;
case "tqq":
c = "//connect.qq.com/widget/shareqq/index.html?url\x3d" + encodeURIComponent(c) + "\x26title\x3d" + encodeURIComponent(b) + "\x26pics\x3d" + e;
window.open(c);
break;
case "qzone":
c = "//sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url\x3d" + encodeURIComponent(c) + "\x26title\x3d" + encodeURIComponent(b) + "\x26site\x3d\x26pics\x3d" + encodeURIComponent(e) + "\x26desc\x3d" + encodeURIComponent(d) + "\x26summary\x3d" + encodeURIComponent(d);
window.open(c)
}
};
</script><script src="https://www.xoidc.com/vps/zb_users/theme/quietlee/plugin/js/html2canvas.min.js"></script>
<script src="https://www.xoidc.com/vps/zb_users/theme/quietlee/plugin/js/common.js"></script>
<script>
var poster_open = 'on';
var txt1 = '长按识别二维码查看详情';
var txt2 = '电云';
var comiis_poster_start_wlat = 0;
var comiis_rlmenu = 1;
var comiis_nvscroll = 0;
var comiis_poster_time_baxt;
$(document).ready(function(){
$(document).on('click', '.comiis_poster_a', function(e) {
show_comiis_poster_ykzn();
});
});
function comiis_poster_rrwz(){
setTimeout(function(){
html2canvas(document.querySelector(".comiis_poster_box_img"), {scale:2,useCORS:true}).then(canvas => {
var img = canvas.toDataURL("image/jpeg", .9);
document.getElementById('comiis_poster_images').src = img;
$('.comiis_poster_load').hide();
$('.comiis_poster_imgshow').show();
});
}, 100);
}
function show_comiis_poster_ykzn(){
if(comiis_poster_start_wlat == 0){
comiis_poster_start_wlat = 1;
popup.open('<img src="https://www.xoidc.com/vps/zb_users/theme/quietlee/plugin/img/imageloading.gif" class="comiis_loading">');
var url = window.location.href.split('#')[0];
url = encodeURIComponent(url);
var html = '<div id="comiis_poster_box" class="comiis_poster_nchxd quietlee_3e10a_ac9fb">\n' +
'<div class="comiis_poster_box quietlee_2651f_6bd09">\n' +
'<div class="comiis_poster_okimg quietlee_18a44_941b4">\n' +
'<div style="padding:150px 0;" class="comiis_poster_load quietlee_3bec4_a68dd">\n' +
'<div class="loading_color quietlee_1b5da_f25a2">\n' +
' <span class="loading_color1"></span>\n' +
' <span class="loading_color2"></span>\n' +
' <span class="loading_color3"></span>\n' +
' <span class="loading_color4"></span>\n' +
' <span class="loading_color5"></span>\n' +
' <span class="loading_color6"></span>\n' +
' <span class="loading_color7"></span>\n' +
'</div>\n' +
'<div class="comiis_poster_oktit quietlee_59188_ee190">正在生成海报, 请稍候</div>\n' +
'</div>\n' +
'<div class="comiis_poster_imgshow quietlee_71cd1_2b9de" style="display:none">\n' +
'<img src="" class="vm" id="comiis_poster_images">\n' +
'<div class="comiis_poster_oktit quietlee_a3c65_c2974">↑长按上图保存图片分享</div>\n' +
'</div>\n' +
'</div>\n' +
'<div class="comiis_poster_okclose quietlee_0f418_0bc87"><a href="javascript:;" class="comiis_poster_closekey"><img src="https://www.xoidc.com/vps/zb_users/theme/quietlee/plugin/img/poster_okclose.png" class="vm"></a></div>\n' +
'</div>\n' +
'<div class="comiis_poster_box_img quietlee_871f7_8631f">\n' +
'<div class="comiis_poster_img quietlee_3cec1_54b0f"><div class="img_time quietlee_92616_ced57">15<span>2026/03</span></div><img src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/noimg/3.jpg" class="vm" id="comiis_poster_image"></div>\n' +
'<div class="comiis_poster_tita quietlee_3ee35_8903f">如何设置网站的AMP页面？一步步指南</div>\n' +
'<div class="comiis_poster_txta quietlee_751ec_b7fa6">AMP（加速移动页面）是一种为移动设备优化的网页设计方法，它能显著提升页面加载速度和用户体...</div><div class="comiis_poster_x guig quietlee_5be8c_56f92"></div>\n' +
'<div class="comiis_poster_foot quietlee_cf3a8_e48ed">\n' +
'<img src="https://www.xoidc.com/vps/zb_users/theme/quietlee/plugin/api.php?url='+url+'" class="kmewm fqpl vm">\n' +
'<img src="https://www.xoidc.com/vps/zb_users/theme/quietlee/plugin/img/poster_zw.png" class="kmzw vm"><span class="kmzwtip">'+txt1+'<br>'+txt2+'</span>\n' +
'</div>\n' +
'</div>\n' +
'</div>';
if(html.indexOf("comiis_poster") >= 0){
comiis_poster_time_baxt = setTimeout(function(){
comiis_poster_rrwz();
}, 5000);
$('body').append(html);
$('#comiis_poster_image').on('load',function(){
clearTimeout(comiis_poster_time_baxt);
comiis_poster_rrwz();
});
popup.close();
setTimeout(function() {
$('.comiis_poster_box').addClass("comiis_poster_box_show");
$('.comiis_poster_closekey').off().on('click', function(e) {
$('.comiis_poster_box').removeClass("comiis_poster_box_show").on('webkitTransitionEnd transitionend', function() {
$('#comiis_poster_box').remove();
comiis_poster_start_wlat = 0;
});
return false;
});
}, 60);
}
}
}
var new_comiis_user_share, is_comiis_user_share = 0;
var as = navigator.appVersion.toLowerCase(), isqws = 0;
if (as.match(/MicroMessenger/i) == "micromessenger" || as.match(/qq\//i) == "qq/") {
isqws = 1;
}
if(isqws == 1){
if(typeof comiis_user_share === 'function'){
new_comiis_user_share = comiis_user_share;
is_comiis_user_share = 1;
}
var comiis_user_share = function(){
if(is_comiis_user_share == 1){
isusershare = 0;
new_comiis_user_share();
if(isusershare == 1){
return false;
}
}
isusershare = 1;
show_comiis_poster_ykzn();
return false;
}
}
</script>
</main>
<footer class="site-footer footer quietlee_e4ace_cf7d5">
<div class="site-info clearfix quietlee_505f1_d86b0">
<div class="container quietlee_a6528_0767c">
<div class="footer-left quietlee_9d5cf_d14af"><!--底部左边-->
<div class="footer-l-top clearfix quietlee_42db8_f1351">
</div>
<div class="footer-l-btm quietlee_dd1fc_21c7f">
<p class="top-text quietlee_f3a11_d87c1">Copyright<i class="fa fa-copyright"></i>2015-2019<a href="/">后台修改文字</a>版权所有. 基于<a href="http://www.zblogcn.com/" rel="nofollow" title="Z-BlogPHP" target="_blank">Z-BlogPHP</a>搭建 安全运行<span id="iday"></span>天 <script>function siteRun(d){var nowD=new Date();return parseInt((nowD.getTime()-Date.parse(d))/24/60/60/1000)} document.getElementById("iday").innerHTML=siteRun("2008/08/08");</script></p>
<p class="jubao quietlee_29a12_60018">本站采用创作共用版权 <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/cn/" target="_blank" rel="nofollow">CC BY-NC-SA 3.0 CN</a> 许可协议，转载或复制请注明出处</p>
<p class="btm-text quietlee_fe0da_707e0"><a class="ico-ico" href="http://beian.miit.gov.cn" rel="nofollow" target="_blank" rel="nofollow" title="京ICP备11000001号"><img src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/images/icp.png" alt="">京ICP备11000001号</a><a class="beian-ico" target="_blank" href="/" rel="nofollow" title="京公网安备11000000000001号"><img src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/images/beian.png" alt="">京公网安备11000000000001号</a> <span class="rt-times">运行时长：2.132秒</span><span class="rt-sql">查询信息：11 次</span><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"KlBIPMEwVntrsmPC",ck:"KlBIPMEwVntrsmPC"})</script></p>
</div>
</div>
<div class="footer-right quietlee_d67c0_95df6"><!--底部右边-->
<div class="wxcode quietlee_7e8da_9e6a5"><img alt="微信扫一扫" src="https://www.xoidc.com/vps/zb_users/theme/quietlee/style/images/wxcode_b.png"></div>
</div> </div>
</div>
<div id="backtop" class="backtop quietlee_af888_2562e">
<div class="bt-box top quietlee_e07b3_78725"><i class="fa fa-angle-up fa-2x"></i></div>
<div class="bt-box bottom quietlee_c20f8_c174d"><i class="fa fa-angle-down fa-2x"></i></div>
</div>
<script src="https://www.xoidc.com/vps/zb_users/theme/quietlee/script/jquery.pjax.js"></script>
<script src="https://www.xoidc.com/vps/zb_users/theme/quietlee/script/custom.js?v=2025-12-10"></script>
<script src="https://www.xoidc.com/vps/zb_users/theme/quietlee/script/jquery.lazy.js"></script>
<script src="https://www.xoidc.com/vps/zb_users/theme/quietlee/script/wow.min.js"></script>
<script src="https://www.xoidc.com/vps/zb_users/theme/quietlee/script/fancybox.js"></script>
<script src="https://www.xoidc.com/vps/zb_users/theme/quietlee/script/nprogress.js"></script>
<script>NProgress.start();setTimeout(function() { NProgress.done(); }, 1000);</script>
</footer></body>
</html><!--2,133.18 ms , 11 queries , 4096kb memory , 0 error-->