当前位置 : 祺云SEO > 服务器运维>

个人博客网站首页源代码怎么获取?如何快速搭建个人博客

时间:2026-06-19 来源:祺云SEO
Hugo-10分钟搭建&部署个人网站/博客,简历中的博客网站怎么建
vicky爱吃榴莲
4.3万1617127原视频地址

首页基础架构与语义化标签应用

搜索引擎爬虫首先解析的是HTML的结构逻辑,传统的

模式已无法满足2026年的SEO需求,必须采用HTML5语义化标签来明确告诉百度爬虫页面的内容层级。

头部区域的关键信息布局

头部区域(Header)承载着导航、Logo及核心元数据。

元数据与OpenGraph协议

在标签内,除了基础的和<metadescription>,必须引入OpenGraph协议,这不仅能优化百度搜索结果中的摘要展示,还能确保内容在微信、QQ等社交渠道分享时具备精美的预览卡片。</p> <ul> <li><strong>Title标签</strong>:长度控制在30个汉字以内,核心关键词置于前端。</li> <li><strong>MetaDescription</strong>:精准描述页面内容,包含1-2个长尾词,字数120字左右。</li> <li><strong>Canonical标签</strong>:指定规范URL,避免重复内容惩罚。</li> </ul> <h4> <p>导航栏的语义化构建</h4><p>使用</p> <nav>标签包裹导航链接,内部使用</p> <ul>和</p> <li>构建列表,这种结构不仅利于屏幕阅读器识别,也符合百度对结构化数据的偏好。</p> <h2>移动端适配与响应式代码实现</h2> <p>百度移动优先索引(Mobile-FirstIndexing)已成为常态,如果首页在移动端出现布局错乱或字体过小,将直接导致排名下滑。</p> <h3>视口设置与媒体查询</h3> <p>确保HTML根标签包含正确的视口设置:<metaname="viewport"content="width=device-width,initial-scale=1.0">。</p> <h4>CSS响应式策略</h4> <p>采用Flexbox或Grid布局替代传统的浮动布局,对于不同屏幕尺寸,使用@media查询调整样式。</p> <ul> <li><strong>断点选择</strong>:参考主流设备宽度,如768px(平板)和1024px(桌面)。</li> <li><strong>图片优化</strong>:使用<picture>标签或srcset属性,根据屏幕分辨率加载不同大小的图片,减少移动端流量消耗。</li> </ul> <h2>性能优化与核心网页指标</h2> <p>2026年,百度更加重视CoreWebVitals(核心网页指标),首页加载速度直接影响用户留存率和搜索排名。</p> <h3>资源加载策略</h3> <h4>关键渲染路径优化</h4> <ul> <li><strong>CSS内联</strong>:将首屏必需的CSS代码内联至HTML中,减少HTTP请求。</li> <li><strong>JS异步加载</strong>:非关键JavaScript脚本使用defer或async属性,避免阻塞页面渲染。</li> </ul> <h4>图片懒加载技术</h4> <p>对于首页下方的文章列表或推荐位图片,使用原生loading=”lazy”属性或JavaScriptIntersectionObserverAPI实现懒加载,这能显著降低首屏加载时间,提升LCP(最大内容绘制)得分。</p> <h2>结构化数据与Schema标记</h2> <p>结构化数据是连接内容与搜索引擎的桥梁,通过JSON-LD格式嵌入Schema标记,可以帮助百度更准确地理解页面内容。</p> <h3>博客文章的结构化标记</h3> <p>在首页的文章摘要区域,嵌入Article或BlogPosting类型的Schema标记。</p> <ul> <li><strong>包含字段</strong>:headline(标题)、author(作者)、datePublished(发布日期)、image(缩略图)。</li> <li><strong>价值</strong>:增强搜索结果丰富摘要(RichSnippets)的展示概率,提升点击率。</li> </ul> <h2>常见问题解答:个人博客源码选型与优化</h2> <h3>个人博客首页源代码选择WordPress还是静态生成器</h3> <p>业内专家指出,WordPress适合内容更新频繁、需要强大插件生态的用户,但其动态特性可能导致加载速度较慢,需配合缓存插件优化,相比之下,Hexo或Hugo等静态生成器生成的HTML文件加载极快,安全性高,更适合追求极致性能和SEO基础优化的个人博客,若预算有限且追求长期稳定,静态生成器是更优选择。</p> <h3>个人博客首页源代码如何优化以提升百度收录</h3> <p>多数情况下,提升收录的关键在于确保sitemap.xml的及时更新和robots.txt的正确配置,保持内容原创性,避免大量复制粘贴,并合理设置内链结构,对于新站,建议主动通过百度站长平台提交URL,加速爬虫抓取。</p> <h3>个人博客首页源代码价格与开发成本分析</h3> <p>自行编写代码的成本主要在于时间投入,若购买现成主题,价格通常在几十至几百元人民币不等,若委托专业团队定制开发,费用可能在数千元以上,对于大多数个人博主,选择开源框架并自行调整CSS/HTML,是性价比最高的方案。</p> <h2>实战操作:检查首页SEO健康度</h2> <p>完成代码编写后,必须进行严格的技术审计。</p> <h3>使用工具进行自动化检测</h3> <ul> <li><strong>Lighthouse</strong>:运行ChromeDevTools中的Lighthouse,检查性能、可访问性和SEO得分。</li> <li><strong>百度站长平台</strong>:使用“网页诊断”工具,检测页面是否存在违规内容或加载异常。</li> <li><strong>Mobile-FriendlyTest</strong>:验证移动端适配效果。</li> </ul> <h3>手动检查清单</h3> <ul> <li>所有图片是否都有alt属性?</li> <li>链接是否都指向有效页面(无404)?层级是否从<br/> <h1>开始,依次递减?</li> <li>页面是否包含明显的联系信息或作者介绍,以增强E-E-A-T(经验、专业、权威、信任)信号?</li> </ul> <p>个人博客网站首页源代码的优化是一个系统工程,涉及语义化、性能、移动端适配及结构化数据等多个维度,遵循2026年百度SEO标准,不仅能提升搜索排名,更能为用户提供流畅、可信的阅读体验。</p> </div> <div class="content_tag"> <p>上一篇:<a href="https://www.sxdwgd.com/42250.html" target="_self">个人博客选什么数据库?关系型分布式云原生数据库推荐</a></p> <p>下一篇:<a href="https://www.sxdwgd.com/42262.html" target="_self">个人存储服务器哪家好?NAS网络存储设备推荐</a></p> </div> </div> <div class="related_info"> <div class="list"> <div class="tit">热门新闻</div> <div class="box"> <ul><li> <a href="https://www.sxdwgd.com/42280.html" title="个人数字证书有期限吗?数字证书有效期多久">个人数字证书有期限吗?数字证书有效期多久</a> <p>个人数字证书是有有效期的,通常为1至3年,到期后必须重新申请或更新,否则将导致身份认证失效、交易中断或安全权限被锁定,很多人以为拿到证书就像拿到身份证一样,是一次性终身有效的,但实际上它更像是一张有时效性的“电子通行证”,在2026年的数字化办公环境中,无论是电子签名、网银操作还是政务办理,证书的有效性直接关系……...</p> </li><li> <a href="https://www.sxdwgd.com/42279.html" title="云服务器常见问题有哪些?云服务器购买注意事项">云服务器常见问题有哪些?云服务器购买注意事项</a> <p>关于云服务器的常见问题有哪些在数字化转型的浪潮中,云服务器已成为企业IT架构的基石,面对市场上琳琅满目的服务商和复杂的技术术语,许多用户在选型时往往陷入迷茫,选择云服务器不仅仅是购买一台虚拟主机,更是构建业务稳定性的关键决策, 本文将从专业角度深度解析用户最常遇到的痛点,并结合最新的市场动态与优惠活动,为您提供……...</p> </li><li> <a href="https://www.sxdwgd.com/42278.html" title="AIoT岗位到底做什么?AIoT岗位就业前景怎么样">AIoT岗位到底做什么?AIoT岗位就业前景怎么样</a> <p>AIoT岗位的核心竞争力在于“软硬结合”与“场景落地”,2026年该领域已从单纯的技术堆砌转向以业务价值为导向的复合型人才培养,建议求职者重点强化边缘计算部署与行业解决方案设计能力,随着物联网设备数量突破百亿级大关,人工智能与物联网的深度融合(AIoT)已成为数字经济的基础设施,对于求职者而言,理解这一岗位的演……...</p> </li><li> <a href="https://www.sxdwgd.com/42277.html" title="高防VPS数掘科技好用吗?高防服务器租用哪家稳定">高防VPS数掘科技好用吗?高防服务器租用哪家稳定</a> <p>高防VPS的核心价值在于通过硬件级清洗与智能流量调度,在保障业务连续性的同时,以相对可控的成本抵御DDoS攻击,数掘科技正是凭借其在底层架构优化上的深耕,成为众多企业应对网络威胁的可靠选择,高防VPS为何成为2026年企业刚需随着数字化转型的深入,网络攻击手段已从简单的流量洪泛演变为混合型的复杂攻击,对于依赖在……...</p> </li><li> <a href="https://www.sxdwgd.com/42276.html" title="游戏包cdn加速慢怎么办,游戏包cdn">游戏包cdn加速慢怎么办,游戏包cdn</a> <p>游戏包CDN的核心价值在于通过全球节点调度与智能压缩技术,将游戏资源加载延迟降低至毫秒级,显著提升首屏打开速度与下载成功率,是保障玩家体验与降低服务器带宽成本的必选项,游戏包CDN的技术架构与核心优势在2026年的移动互联网环境下,游戏资源包体积普遍突破GB级别,传统单点服务器已无法支撑高并发访问,CDN(内容……...</p> </li><li> <a href="https://www.sxdwgd.com/42275.html" title="Apache MapReduce是什么?MapReduce工作原理详解">Apache MapReduce是什么?MapReduce工作原理详解</a> <p>Apache MapReduce 是构建大规模分布式数据处理流水线的基石,虽然云原生架构正在崛起,但它在处理PB级历史数据归档和复杂ETL逻辑时,依然凭借极高的稳定性和成本优势占据核心地位,MapReduce 并非一个单一的软件,而是一套编程模型和运行框架,专门用于在由成百上千台普通计算机组成的集群上,对海量数……...</p> </li></ul> </div> </div> <div class="list"> <div class="tit">相关资讯</div> <div class="box"> <ul><li> <a href="https://www.sxdwgd.com/42274.html" title="个人小程序服务类目怎么开通?个人小程序服务类目有哪些">个人小程序服务类目怎么开通?个人小程序服务类目有哪些</a> <p>个人小程序服务类目主要涵盖生活服务、内容资讯、工具效率及简单电商四大类,个人开发者无法开通涉及金融、医疗、政务等强监管行业,且需通过实名认证并签署合规承诺书,个人小程序服务类目的准入边界与核心限制很多人误以为只要会写代码就能随便做个小程序上线,其实平台对“个人”身份的审核有着严格的红线,个人主体在注册时,就像进……...</p> </li><li> <a href="https://www.sxdwgd.com/42273.html" title="云服务器到底怎么选?租用云服务器有哪些坑">云服务器到底怎么选?租用云服务器有哪些坑</a> <p>关于云服务器的文章在数字化转型的浪潮中,云服务器已不再仅仅是IT基础设施的代名词,而是企业核心竞争力的重要组成部分,面对市场上琳琅满目的云服务商,如何从性能、稳定性、安全性及性价比等多个维度进行客观评估,是每一位技术决策者面临的挑战,本文基于真实的测试环境与长期运行数据,对主流云服务器产品进行深度剖析,旨在为不……...</p> </li><li> <a href="https://www.sxdwgd.com/42272.html" title="AIoT岗位有哪些?AIoT工程师需要掌握哪些技能">AIoT岗位有哪些?AIoT工程师需要掌握哪些技能</a> <p>AIoT岗位并非单一工种,而是涵盖算法研发、嵌入式开发、云平台运维及行业解决方案架构等全链路的复合型职业集群,核心在于打通“感知-传输-决策-执行”闭环,随着物联网设备数量呈指数级增长,单纯连接已无法满足需求,智能化成为必然趋势,这一转变催生了大量新兴职位,它们不再局限于传统的IT或硬件领域,而是要求从业者具备……...</p> </li><li> <a href="https://www.sxdwgd.com/42271.html" title="高配服务器领券真的划算吗?高配服务器领券哪里领">高配服务器领券真的划算吗?高配服务器领券哪里领</a> <p>高配服务器领券的核心在于通过官方大促节点、企业级云厂商的专属通道以及特定场景下的限时补贴,以显著低于市场均价的成本获取高性能计算资源,从而在保障业务稳定性的同时最大化ROI,在2026年的数字化浪潮中,算力已成为企业发展的核心驱动力,无论是AI大模型的微调训练,还是高并发电商大促的流量承接,低延迟、高吞吐的高配……...</p> </li><li> <a href="https://www.sxdwgd.com/42270.html" title="cdn是否必要,cdn加速有必要吗">cdn是否必要,cdn加速有必要吗</a> <p>对于绝大多数面向公众访问的网站而言,CDN(内容分发网络)不仅是必要的,更是保障用户体验、提升搜索排名及确保业务连续性的基础设施;但对于纯内网应用或极低流量的个人实验性站点,其必要性则显著降低,在2026年的互联网生态中,随着Web 3.0概念的深化以及AI生成内容(AIGC)的爆发式增长,用户对页面加载速度的……...</p> </li><li> <a href="https://www.sxdwgd.com/42269.html" title="Autoit教程怎么用?Autoit脚本编写实例">Autoit教程怎么用?Autoit脚本编写实例</a> <p>AutoIt 是一款基于 BASIC 语言的轻量级脚本语言,专为 Windows 平台设计,通过模拟键盘、鼠标操作及窗口控制,能高效实现桌面自动化任务,且完全免费开源,在软件开发与运维领域,自动化测试和重复性操作一直是痛点,许多开发者面对繁琐的 GUI 交互感到头疼,而 AutoIt 凭借其低门槛和强大的窗口控……...</p> </li></ul> </div> </div> <div class="clear"></div> </div> </div> <div class="main_r"> <div class="pushshow"> <div class="headtitle">祺云网络SEO优化</div> <div class="box news_category"> <ul><li> <a href="https://www.sxdwgd.com/1/">关于我们</a> </li><li> <a href="https://www.sxdwgd.com/2/">SEO资讯</a> </li></ul> <div class="clear"></div> </div> </div> <div class="pushshow"> <div class="headtitle">综合热门资讯</div> <div class="box"> <ul><li> <a href="https://www.sxdwgd.com/42288.html" title="免费美国cdn能用吗,美国cdn加速">免费美国cdn能用吗,美国cdn加速</a> </li><li> <a href="https://www.sxdwgd.com/42287.html" title="如何创建应用模板?app网页模板制作教程">如何创建应用模板?app网页模板制作教程</a> </li><li> <a href="https://www.sxdwgd.com/42286.html" title="个人数据真的安全删除了吗?手机数据彻底清除方法">个人数据真的安全删除了吗?手机数据彻底清除方法</a> </li><li> <a href="https://www.sxdwgd.com/42285.html" title="云服务器哪家好?2026年高性价比云服务器推荐">云服务器哪家好?2026年高性价比云服务器推荐</a> </li><li> <a href="https://www.sxdwgd.com/42284.html" title="AIoT如何与教育结合?AIoT在教育领域的应用案例">AIoT如何与教育结合?AIoT在教育领域的应用案例</a> </li><li> <a href="https://www.sxdwgd.com/42283.html" title="高防vps云服务器怎么选?高防vps云服务器多少钱">高防vps云服务器怎么选?高防vps云服务器多少钱</a> </li><li> <a href="https://www.sxdwgd.com/42282.html" title="组播CDN是什么,组播CDN加速">组播CDN是什么,组播CDN加速</a> </li><li> <a href="https://www.sxdwgd.com/42281.html" title="如何创建云服务器?app云服务器_创建云服务器 – CreateAppServers">如何创建云服务器?app云服务器_创建云服务器 – CreateAppServers</a> </li></ul> </div> </div> </div> </div> </div> <div class="clear"></div> <div class="link"> <ul> <li class="name">SEO城市</li> <li class="nav"><a href="https://www.sxdwgd.com/1106/" title="安溪">安溪</a><a href="https://www.sxdwgd.com/1107/" title="永春">永春</a><a href="https://www.sxdwgd.com/1108/" title="德化">德化</a><a href="https://www.sxdwgd.com/1109/" title="金门">金门</a><a href="https://www.sxdwgd.com/1110/" title="石狮">石狮</a><a href="https://www.sxdwgd.com/1111/" title="晋江">晋江</a><a href="https://www.sxdwgd.com/1112/" title="南安">南安</a><a href="https://www.sxdwgd.com/1113/" title="漳州">漳州</a><a href="https://www.sxdwgd.com/1114/" title="芗城">芗城</a><a href="https://www.sxdwgd.com/1115/" title="龙文">龙文</a><a href="https://www.sxdwgd.com/1116/" title="云霄">云霄</a><a href="https://www.sxdwgd.com/1117/" title="漳浦">漳浦</a><a href="https://www.sxdwgd.com/1118/" title="诏安">诏安</a><a href="https://www.sxdwgd.com/1119/" title="长泰">长泰</a><a href="https://www.sxdwgd.com/1120/" title="南靖">南靖</a><a href="https://www.sxdwgd.com/1121/" title="平和">平和</a><a href="https://www.sxdwgd.com/1122/" title="华安">华安</a><a href="https://www.sxdwgd.com/1123/" title="龙海">龙海</a><a href="https://www.sxdwgd.com/1124/" title="南平">南平</a><a href="https://www.sxdwgd.com/1125/" title="延平">延平</a><a href="https://www.sxdwgd.com/1126/" title="建阳">建阳</a><a href="https://www.sxdwgd.com/1127/" title="顺昌">顺昌</a><a href="https://www.sxdwgd.com/1128/" title="浦城">浦城</a><a href="https://www.sxdwgd.com/1129/" title="光泽">光泽</a><a href="https://www.sxdwgd.com/1130/" title="松溪">松溪</a><a href="https://www.sxdwgd.com/1131/" title="政和">政和</a><a href="https://www.sxdwgd.com/1132/" title="邵武">邵武</a><a href="https://www.sxdwgd.com/1133/" title="武夷山">武夷山</a><a href="https://www.sxdwgd.com/1134/" title="建瓯">建瓯</a><a href="https://www.sxdwgd.com/1135/" title="龙岩">龙岩</a><a href="https://www.sxdwgd.com/1136/" title="新罗">新罗</a><a href="https://www.sxdwgd.com/1137/" title="永定">永定</a><a href="https://www.sxdwgd.com/1138/" title="长汀">长汀</a><a href="https://www.sxdwgd.com/1139/" title="上杭">上杭</a><a href="https://www.sxdwgd.com/1140/" title="武平">武平</a><a href="https://www.sxdwgd.com/1141/" title="连城">连城</a><a href="https://www.sxdwgd.com/1142/" title="漳平">漳平</a><a href="https://www.sxdwgd.com/1143/" title="宁德">宁德</a><a href="https://www.sxdwgd.com/1144/" title="蕉城">蕉城</a><a href="https://www.sxdwgd.com/1145/" title="霞浦">霞浦</a><a href="https://www.sxdwgd.com/1146/" title="古田">古田</a><a href="https://www.sxdwgd.com/1147/" title="屏南">屏南</a><a href="https://www.sxdwgd.com/1148/" title="寿宁">寿宁</a><a href="https://www.sxdwgd.com/1149/" title="周宁">周宁</a><a href="https://www.sxdwgd.com/1150/" title="柘荣">柘荣</a><a href="https://www.sxdwgd.com/1151/" title="福安">福安</a><a href="https://www.sxdwgd.com/1152/" title="福鼎">福鼎</a><a href="https://www.sxdwgd.com/1153/" title="南昌">南昌</a><a href="https://www.sxdwgd.com/1154/" title="东湖">东湖</a><a href="https://www.sxdwgd.com/1155/" title="青云谱">青云谱</a><a href="https://www.sxdwgd.com/1156/" title="青山湖">青山湖</a><a href="https://www.sxdwgd.com/1157/" title="新建">新建</a><a href="https://www.sxdwgd.com/1158/" title="红谷滩">红谷滩</a><a href="https://www.sxdwgd.com/1159/" title="安义">安义</a><a href="https://www.sxdwgd.com/1160/" title="进贤">进贤</a><a href="https://www.sxdwgd.com/1161/" title="景德镇">景德镇</a><a href="https://www.sxdwgd.com/1162/" title="昌江">昌江</a><a href="https://www.sxdwgd.com/1163/" title="珠山">珠山</a><a href="https://www.sxdwgd.com/1164/" title="浮梁">浮梁</a><a href="https://www.sxdwgd.com/1165/" title="乐平">乐平</a><a href="https://www.sxdwgd.com/1166/" title="萍乡">萍乡</a><a href="https://www.sxdwgd.com/1167/" title="安源">安源</a><a href="https://www.sxdwgd.com/1168/" title="湘东">湘东</a><a href="https://www.sxdwgd.com/1169/" title="莲花">莲花</a><a href="https://www.sxdwgd.com/1170/" title="上栗">上栗</a><a href="https://www.sxdwgd.com/1171/" title="芦溪">芦溪</a><a href="https://www.sxdwgd.com/1172/" title="九江">九江</a><a href="https://www.sxdwgd.com/1173/" title="濂溪">濂溪</a><a href="https://www.sxdwgd.com/1174/" title="浔阳">浔阳</a><a href="https://www.sxdwgd.com/1175/" title="柴桑">柴桑</a><a href="https://www.sxdwgd.com/1176/" title="武宁">武宁</a><a href="https://www.sxdwgd.com/1177/" title="修水">修水</a><a href="https://www.sxdwgd.com/1178/" title="永修">永修</a><a href="https://www.sxdwgd.com/1179/" title="德安">德安</a><a href="https://www.sxdwgd.com/1180/" title="都昌">都昌</a><a href="https://www.sxdwgd.com/1181/" title="湖口">湖口</a><a href="https://www.sxdwgd.com/1182/" title="彭泽">彭泽</a><a href="https://www.sxdwgd.com/1183/" title="瑞昌">瑞昌</a><a href="https://www.sxdwgd.com/1184/" title="共青城">共青城</a><a href="https://www.sxdwgd.com/1185/" title="庐山">庐山</a><a href="https://www.sxdwgd.com/1186/" title="新余">新余</a><a href="https://www.sxdwgd.com/1187/" title="渝水">渝水</a><a href="https://www.sxdwgd.com/1188/" title="分宜">分宜</a><a href="https://www.sxdwgd.com/1189/" title="鹰潭">鹰潭</a><a href="https://www.sxdwgd.com/1190/" title="月湖">月湖</a><a href="https://www.sxdwgd.com/1191/" title="余江">余江</a><a href="https://www.sxdwgd.com/1192/" title="贵溪">贵溪</a><a href="https://www.sxdwgd.com/1193/" title="赣州">赣州</a><a href="https://www.sxdwgd.com/1194/" title="章贡">章贡</a><a href="https://www.sxdwgd.com/1195/" title="南康">南康</a><a href="https://www.sxdwgd.com/1196/" title="赣县">赣县</a><a href="https://www.sxdwgd.com/1197/" title="信丰">信丰</a><a href="https://www.sxdwgd.com/1198/" title="大余">大余</a><a href="https://www.sxdwgd.com/1199/" title="上犹">上犹</a><a href="https://www.sxdwgd.com/1200/" title="崇义">崇义</a><a href="https://www.sxdwgd.com/1201/" title="安远">安远</a><a href="https://www.sxdwgd.com/1202/" title="定南">定南</a><a href="https://www.sxdwgd.com/1203/" title="全南">全南</a><a href="https://www.sxdwgd.com/1204/" title="宁都">宁都</a><a href="https://www.sxdwgd.com/1205/" title="于都">于都</a><a href="https://www.sxdwgd.com/1206/" title="兴国">兴国</a><a href="https://www.sxdwgd.com/1207/" title="会昌">会昌</a><a href="https://www.sxdwgd.com/1208/" title="寻乌">寻乌</a><a href="https://www.sxdwgd.com/1209/" title="石城">石城</a><a href="https://www.sxdwgd.com/1210/" title="瑞金">瑞金</a><a href="https://www.sxdwgd.com/1211/" title="龙南">龙南</a><a href="https://www.sxdwgd.com/1212/" title="吉安">吉安</a><a href="https://www.sxdwgd.com/1213/" title="吉州">吉州</a><a href="https://www.sxdwgd.com/1214/" title="青原">青原</a><a href="https://www.sxdwgd.com/1215/" title="吉水">吉水</a><a href="https://www.sxdwgd.com/1216/" title="峡江">峡江</a><a href="https://www.sxdwgd.com/1217/" title="新干">新干</a></li> </ul> </div> <div class="clear"></div> <div class="footer"> <div class="auto"> <div class="footer_b"> <p class="font"><a href="https://www.sxdwgd.com" target="_blank">祺云网络SEO优化</a></p> <p class="font">业务咨询合作联系微信:1879705180</p> <p class="font"><a href="https://www.sxdwgd.com/sitemap/category.xml" target="_blank">网站地图</a></p> <p class="font">免责声明:所有内容均由互联网收集整理,版权归原创作者所有,如果有侵权请通知我们及时处理删除内容,谢谢!</p> <p class="font">Copyright © <script>var d=new Date();document.write(d.getFullYear());</script> Qijing. All rights reserved.</p> </div> </div> </div> <div class="mb_th hidden"> <div class="zix"> <a href="javascript:;" style="border-right:1px solid rgba(0,0,0,0.2);" id="link3"> <img src="https://www.sxdwgd.com/style/images/20191123134653569.png" width="25">微信 </a> <a href="tel:13011031517" class="bjanl" style="border-right:1px solid rgba(0,0,0,0.2);"> <img src="https://www.sxdwgd.com/style/images/2018101117253547.png" width="20">电话 </a> <a href="http://wpa.qq.com/msgrd?v=3&uin=120632399&site=qq&menu=yes" rel="nofollow"> <img src="https://www.sxdwgd.com/style/images/proshow.png" width="22">QQ</a> <div style="clear:both;"> </div> </div> </div> <div class="am-modal-wrap " role="dialog" id="thediv" style="display:none"> <div role="document" class="am-modal article-modal am-modal-transparent"> <div class="am-modal-content"> <div class="am-modal-body"> <div class="clause-modal-content"> <h4>长按保存二维码,微信扫一扫</h4> <img src="https://www.sxdwgd.com/style/images/wx.jpg" alt=""> <input type="text" id="text" value="1879705180" style="width: 300px;"> <button type="button" class="copyButton wrapper" onclick="copyText()"> <div>点击复制</div> </button> </div> </div> <div class="am-modal-footer"> <div class="am-modal-button-group-v am-modal-button-group-normal" role="group"> <a class="am-modal-button" role="button" id="link2">关闭</a> </div> </div> </div> </div> </div> <script src="https://www.sxdwgd.com/style/js/jquery-1.8.3.min.js"></script> <script src="https://www.sxdwgd.com/style/js/common.js"></script> <script type="text/javascript" src="https://www.sxdwgd.com/style/js/jquery.running.min.js"></script> <script type="text/javascript" src="https://www.sxdwgd.com/style/js/jquery.imgscroll.min.js"></script> <script type="text/javascript"> var flag=1; $('#rightArrow').click(function(){ if(flag==1){ $("#floatDivBoxs").animate({left: '-175px'},300); $(this).animate({left: '-5px'},300); $(this).css('background-position','0 0'); flag=0; }else{ $("#floatDivBoxs").animate({left: '0'},300); $(this).animate({left: '170px'},300); $(this).css('background-position','-50px 0'); flag=1; } }); </script> <script> $(function(){ $('body').running(); var pram = getQueryString(); var source = pram.source; var plan = pram.plan; var unit = pram.unit; var keyword = pram.keyword var href = pram.href; if (href == 'jieshao'){ $('html, body').animate({scrollTop: $('#jieshao').offset().top}, 1000); }else if (href == 'guanyu') { $('html, body').animate({scrollTop: $('#guanyu').offset().top}, 1000); }else if (href == 'wenti') { $('html, body').animate({scrollTop: $('#wenti').offset().top}, 1000); }else if (href == 'youshi') { $('html, body').animate({scrollTop: $('#youshi').offset().top}, 1000); } var parameter = window.location.search; $.each($("a"),function(i,n){ var $href = $(this).attr("href"); if ($(this).hasClass("intro")) { if (!isEmpty(source) && !isEmpty(plan) && !isEmpty(unit) && !isEmpty(keyword)) { $(this).attr("href",$href+'&source='+source+'&plan='+plan+'&unit='+unit+'&keyword='+keyword); } }else if (!isEmpty(source) && !isEmpty(plan) && !isEmpty(unit) && !isEmpty(keyword)){ $(this).attr("href",$href+'@source='+source+'&plan='+plan+'&unit='+unit+'&keyword='+keyword); } }); }) function getQueryString() { var qs = location.search.substr(1), // 获取url中"?"符后的字串 args = {}, // 保存参数数据的对象 items = qs.length ? qs.split("&") : [], // 取得每一个参数项, item = null, len = items.length; for(var i = 0; i < len; i++) { item = items[i].split("="); var name = decodeURIComponent(item[0]), value = decodeURIComponent(item[1]); if(name) { args[name] = value; } } return args; } function isEmpty(v) { switch (typeof v) { case 'undefined': return true; case 'string': if (v.replace(/(^[ tnr]*)|([ tnr]*$)/g, '').length == 0) return true; break; case 'boolean': if (!v) return true; break; case 'number': if (0 === v || isNaN(v)) return true; break; case 'object': if (null === v || v.length === 0) return true; for (var i in v) { return false; } return true; } return false; } </script> <script src="https://www.sxdwgd.com/style/js/swiper.min.js"></script> <script> var swiper = new Swiper('.idx_media .swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, spaceBetween: 12, autoplay: 2500, autoplayDisableOnInteraction: false, slidesPerView: 4, slidesPerGroup: 4, breakpoints:{ 768:{ slidesPerView: 2, slidesPerGroup: 2, } } }); </script> <script type="text/javascript"> $(function(){ imgScroll.rolling({ name:'g1', width:'100%', height:'30px', direction:'top', speed:50, addcss:true }); imgScroll.rolling({ name:'g2', width:'100%', height:'30px', direction:'top', speed:50, addcss:true }); imgScroll.rolling({ name:'g3', width:'100%', height:'30px', direction:'top', speed:50, addcss:true }); }) </script> <script> var SPM_KF = [{ "name": "feng2", "qq": "120632399", "wx": "120632399" }, { "name": "xi4", "qq": "120632399", "wx": "120632399" }]; if (!Array.prototype.derangedArray) { Array.prototype.derangedArray = function() { for (var j, x, i = this.length; i; j = parseInt(Math.random() * i), x = this[--i], this[i] = this[j], this[j] = x) {} return this } }; var SPM_KF_arr = new Array(), SPM_KF_arr_random = new Array(); for (var i = 0; i < SPM_KF.length; i++) { SPM_KF_arr[i] = i } var SPM_KF_arr_random = SPM_KF_arr.derangedArray(); if (getCookie('SPM_KF') != null && getCookie('SPM_KF').split('.').length == SPM_KF_arr_random.length) { var SPM_KF_arr_random = getCookie('SPM_KF').split('.') } else { setCookie('SPM_KF', SPM_KF_arr_random.join('.')) } var html_link = '', html_img = '', main_qq = ''; for (s = 0, len = SPM_KF_arr_random.length; s < len; s++) { var n = SPM_KF_arr_random[s]; if (isMobile()) { qq_link = 'mqqwpa_3A//im/chat@chat_type=wpa&uin=' + SPM_KF[n]['qq'] + '&version=1&src_type=web' } else { qq_link = 'tencent_3A//message/@uin=' + SPM_KF[n]['qq'] + '&Menu=yes' } html_link += '<li><a href="' + qq_link + '">在线咨询</a></li>'; html_img = '<img src="https://www.sxdwgd.com/style/images/wx.jpg" style="float:initial;" />'; wx_name = SPM_KF[n]['wx'] } $('[id=main_qq]').each(function() { $(this).attr("href", qq_link) }); if ($(window).width() > 1200) { $html = '<div class="sideonlie">' + '<ul class="shopping"><a href="#" class="showbox"><span class="family family_shopping"></span><sup>99</sup></a></ul>' + '<ul class="qq"><a href="javascript:" class="showbox"><span class="family family_qq"></span></a><div class="hidebox"><div class="border w300"><div class="title"><span class="family family_qq"></span><p>客服 QQ<i>服务时间:9:00-21:00</i></p><div class="both"></div></div><div class="list"><ul>' + html_link + '<div class="both"></div></ul></div><span class="arrow"></span></div></div></ul>' + '<ul class="wx"><a href="javascript:" class="showbox"><span class="family family_wx"></span></a><div class="hidebox"><div class="border w300"><div class="title"><span class="family family_wx"></span><p>客服微信<i>服务时间:9:00-21:00</i></p><div class="both"></div></div><div class="list"><ul style="text-align:center;">' + html_img + '</ul></div><span class="arrow"></span></div></div></ul>' + '<ul class="phone"><a href="javascript:" class="showbox"><span class="family family_phone"></span></a><div class="hidebox"><div class="border"><div class="title"><span class="family family_phone"></span><p>1879705180<br /><i>服务微信</i></p><div class="both"></div></div><span class="arrow"></span></div></div></ul>' + '<ul class="top"><a href="javascript:" class="showbox"><span class="family family_top"></span></a></ul>' + '</div>'; if (html_img != '') { $('body').append($html); $(".sideonlie ul").hover(function() { $(this).find('.showbox').addClass('hover'); $(this).find('.hidebox').show() }, function() { $(this).find('.showbox').removeClass('hover'); $(this).find('.hidebox').hide() }); $(".sideonlie .top").click(function() { $('body,html').animate({ scrollTop: 0 }, 600) }) } } else { $html = '<div class="sideonlie_m">' + '<ul class="showbox"><li><a href="' + qq_link + '" class="qq"><i></i><span>QQ</span></a></li><li class="layer"><a href="javascript:" class="wx"><i></i><span>微信</span></a></li><li><a href="javascript:" class="top"><i></i><span>顶部</span></a></li></ul>' + '<ul class="hidebox">' + '<li class="wx"><dl class="title" style="padding:1rem 0.8rem;"><span></span><p>微信号:' + wx_name + '<i>复制微信号,打开微信添加好友咨询</i></p></dl><div class="clear"></div></li>' + '<div class="clear"></div><li class="close">取消</li>' + '</ul></div>'; if (html_img != '') { $('body').append($html); $(".sideonlie_m .showbox .top").click(function() { $('body,html').animate({ scrollTop: 0 }, 600) }); $(".sideonlie_m .showbox li.layer").click(function() { var $s = $(this).find('a').attr('class'); $('.sideonlie_m .hidebox li.' + $s).show(); $('.sideonlie_m .hidebox').slideDown() }); $(".sideonlie_m .hidebox li.close").click(function() { $('.sideonlie_m .hidebox').slideUp(); $('.sideonlie_m .hidebox li').each(function() { $(this).removeAttr('style') }) }) } } (function($) { var patterns = { text: /^['"]?(.+?)["']?$/, url: /^url\(["']?(.+?)['"]?\)$/ }; function clean(content) { if (content && content.length) { var text = content.match(patterns.text)[1], url = text.match(patterns.url); return url ? '<img src="' + url[1] + '" />': text } } function inject(prop, elem, content) { if (prop != "after") { prop = "before" } if (content = clean(elem.currentStyle[prop])) { $(elem)[prop == "before" ? "prepend": "append"]($(document.createElement("span")).addClass(prop).html(content)) } } $.pseudo = function(elem) { inject("before", elem); inject("after", elem); elem.runtimeStyle.behavior = null }; if (document.createStyleSheet) { var o = document.createStyleSheet(null, 0); o.addRule(".dummy", "display: static;"); o.cssText = "html, head, head *, body, *.before, *.after, *.before *, *.after * { behavior: none; } * { behavior: expression($.pseudo(this)); }" } })(jQuery); function setCookie(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() }; function getCookie(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); arr = document.cookie.match(reg); if (arr) { return unescape(arr[2]) } else { return null } }; function IEVersion() { var userAgent = navigator.userAgent; var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1; if (isIE) { var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp["$1"]); if (fIEVersion == 7) { return 7 } else if (fIEVersion == 8) { return 8 } else if (fIEVersion == 9) { return 9 } else if (fIEVersion == 10) { return 10 } else { return 6 } } else if (isEdge) { return 'edge' } else if (isIE11) { return 11 } else { return 100 } } function isMobile() { var userAgentInfo = navigator.userAgent; var mobileAgents = ["Android", "iOS", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var mobile_flag = false; for (var v = 0; v < mobileAgents.length; v++) { if (userAgentInfo.indexOf(mobileAgents[v]) > 0) { mobile_flag = true; break } } var screen_width = window.screen.width; var screen_height = window.screen.height; if (screen_width < 500 && screen_height < 800) { mobile_flag = true } return mobile_flag } </script> <script type="text/javascript"> { var olink=document.getElementById("link3"); var odiv=document.getElementById("thediv"); olink.onclick=function() { Show_Hidden(odiv); return false; } } function Show_Hidden(obj) { if(obj.style.display=="block") { obj.style.display='none'; } else { obj.style.display='block'; } } window.onload=function() { var olink=document.getElementById("link"); var odiv=document.getElementById("thediv"); olink.onclick=function() { Show_Hidden(odiv); return false; } } { var olink=document.getElementById("link2"); var odiv=document.getElementById("thediv"); olink.onclick=function() { Show_Hidden(odiv); return false; } } function copyText() { text = 'aa'; var input = document.getElementById("text"); input.select(); // 选中文本 document.execCommand("copy"); // 执行浏览器复制命令 alert("复制成功"); } </script> </body> </html>