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

个人制作网站工具怎么用?零基础建网站教程

时间:2026-06-22 来源:祺云SEO
超详细!个人博客搭建教程,低成本,零代码,手把手,WordPress
SteveSun七星
17.7万419197原视频地址

传统开发与现成工具的对比

选择自建网站,首先要明确自己的技术背景,如果完全不懂代码,强行学习编程往往得不偿失。

  • 传统开发模式:需要购买域名、服务器,配置环境,编写代码,调试bug,周期长,维护成本高。
  • 现成工具模式:注册账号,选择模板,修改内容,一键发布,周期短,几乎零维护成本。

对于大多数个人用户,现成工具是更理性的选择。

不同场景下的工具选型逻辑

并非所有工具都适合所有人,根据你的核心诉求,可以分为以下几类:

展示型个人主页

如果你只需要一个在线名片,展示简历、作品集或联系方式,这类需求对功能要求极低,重点在于美观和加载速度。

输出

如果你计划长期更新文章、教程或观点分享,需要一个稳定的内容管理系统(CMS),重点在于排版体验、SEO友好度和插件生态。

小型电商或预约服务

如果需要在线收款、预约时间或展示商品,则需要具备交易闭环能力的平台,重点在于支付接口集成和数据安全性。

主流个人建站工具深度解析

目前市场上主流的工具主要分为三大阵营:SaaS建站平台、开源CMS系统和静态网站生成器,了解它们的优缺点,才能做出正确决策。

SaaS建站平台:最快上手的选择

SaaS(软件即服务)平台如Wix、Squarespace或国内的凡科、上线了等,提供了完整的托管服务,你无需关心服务器维护、SSL证书配置等技术细节。

  • 优势:开箱即用,模板丰富,技术支持完善。
  • 劣势:长期订阅费用较高,数据迁移困难,自定义程度受限。

这类工具适合那些希望将精力集中在内容创作而非技术维护上的用户,据统计,多数情况下,SaaS平台能将建站时间缩短至1-3天内。

开源CMS系统:平衡自由与成本

WordPress是全球最流行的开源CMS,占据了互联网网站总量的极大比例,它拥有庞大的插件库和主题市场,几乎可以实现任何功能。

  • 优势:数据完全自有,插件生态极其丰富,SEO优化能力强。
  • 劣势:需要自行购买域名和主机,初期配置稍显复杂,需定期更新以防安全漏洞。

对于希望拥有长期资产且具备一定学习能力的用户,WordPress是首选。

静态网站生成器:极客的最爱

Hexo、Hugo、Jekyll等工具将Markdown文件转换为静态HTML页面,它们通常托管在GitHubPages或Vercel上,免费且速度极快。

  • 优势:极致安全,加载速度极快,完全免费(托管层面),支持版本控制。
  • 劣势:需要掌握Git命令行操作,动态功能(如评论、搜索)需借助第三方服务。

这类工具适合程序员、技术博主或追求极致性能的用户。

个人建站实操指南与避坑建议

确定了工具类型后,如何高效落地并避免常见陷阱是关键,以下是一套通用的实操路径。

第一步:域名与主机的抉择

域名是你的网络地址,主机是你的网站空间。

  • 域名选择:尽量简短、易记,优先选择.com或.cn后缀,避免使用连字符或数字,除非有特定含义。
  • 主机选择
    • 国内用户:若面向国内受众,必须选择备案服务器,阿里云、腾讯云是主流选择。
    • 海外用户:若面向全球或不想备案,可选择CloudflarePages、Netlify等海外托管服务,速度快且无需备案。

第二步:内容填充与SEO基础

网站搭建完成后,内容才是核心。

  • 标题优化:每个页面的标签应包含核心关键词,长度控制在<strong>30个汉字</strong>以内。</li> <li><strong>描述标签</strong>:撰写清晰的<metadescription>,吸引用户点击。</li> <li><strong>图片优化</strong>:所有图片必须添加alt属性,描述图片内容,既利于SEO也利于无障碍访问。</li> </ul> <h3>第三步:持续维护与安全加固</h3> <p>建站不是终点,而是起点。</p> <ul> <li><strong>定期备份</strong>:无论使用何种工具,务必定期备份数据和数据库。</li> <li><strong>更新插件</strong>:对于WordPress用户,及时更新核心程序和插件,修复已知漏洞。</li> <li><strong>监控流量</strong>:安装GoogleAnalytics或百度统计,了解访客来源和行为,据此优化内容。</li> </ul> <h2>费用预算与长期成本考量</h2> <p>很多人误以为个人建站很便宜,实则不然,隐性成本往往被忽视。</p> <h3>初期投入明细</h3> <table> <thead> <trclass="firstRow"> <thstyle="text-align:left;">项目</th> <thstyle="text-align:left;">预估费用(人民币/年)</th> <thstyle="text-align:left;">备注</th> </tr> </thead> <tbody> <tr> <tdstyle="text-align:left;">域名</td> <tdstyle="text-align:left;">50–100</td> <tdstyle="text-align:left;">.com域名价格波动较大</td> </tr> <tr> <tdstyle="text-align:left;">服务器/主机</td> <tdstyle="text-align:left;">200–1000</td> <tdstyle="text-align:left;">根据配置和带宽需求而定</td> </tr> <tr> <tdstyle="text-align:left;">建站工具</td> <tdstyle="text-align:left;"> <p>0–3000</td><tdstyle="text-align:left;">SaaS平台年费较高,开源CMS免费</td></tr><tr><tdstyle="text-align:left;">SSL证书</td><tdstyle="text-align:left;">0–500</td><tdstyle="text-align:left;">Let’sEncrypt可免费获取</td></tr></tbody></table><h3>长期维护成本</h3><p>除了上述硬性支出,还需考虑时间成本,自行维护网站需要花费时间学习新技术、解决故障,若选择SaaS平台,则需支付持续的订阅费,行业共识认为,对于非技术背景的个人,<strong>前两年</strong>的总成本差异不大,但<strong>第三年起</strong>,自建站的优势逐渐显现,因为无需支付高昂的平台订阅费。</p> <h2>常见问题解答</h2> <h3>个人制作网站工具哪个最适合新手?</h3> <p>对于完全零基础的新手,推荐使用SaaS建站平台如Wix或国内的凡科建站,它们提供拖拽式编辑器,无需编写代码,模板经过专业设计,能确保网站美观且响应式适配移动端,虽然长期费用略高,但极大降低了学习曲线和技术维护风险,适合快速验证想法或建立个人品牌。</p> <h3>个人制作网站工具需要备案吗?</h3> <p>这取决于你的服务器所在地和目标受众,若服务器位于中国大陆,根据工信部规定,所有网站必须进行ICP备案,否则无法解析域名,备案过程通常需要1-3周,需提交身份证、人脸识别等材料,若服务器位于海外(如使用Cloudflare、AWS等),则无需备案,访问速度快且自由度高,但可能面临国内访问不稳定的风险。</p> <h3>个人制作网站工具如何保证数据安全?</h3> <p>数据安全取决于工具类型和维护习惯,SaaS平台由服务商负责底层安全,用户只需保护账号密码即可,开源CMS如WordPress,需用户自行负责安全,建议采取以下措施:启用强密码、安装安全插件(如Wordfence)、定期备份数据至云端存储、禁用不必要的插件,静态网站生成器因无数据库,安全性最高,几乎不存在被入侵风险,仅需保护Git仓库凭证即可。</p> </div> <div class="content_tag"> <p>上一篇:<a href="https://www.sxdwgd.com/43258.html" target="_self">个人博客网站制作教程难吗?零基础建博客需要多少钱</a></p> <p>下一篇:<a href="https://www.sxdwgd.com/43270.html" target="_self">个人动态IP域名查询是否备案?域名备案查询入口</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/43324.html" title="个人数据信息安全概念股有哪些?数据安全板块龙头股名单">个人数据信息安全概念股有哪些?数据安全板块龙头股名单</a> <p>个人数据信息安全概念股的核心逻辑在于“合规驱动+技术落地”,当前市场热点聚焦于隐私计算、数据确权及国密算法领域,建议重点关注具备国资背景且拥有实际政务数据落地案例的企业,随着《数据安全法》与《个人信息保护法》的深入实施,数据已从单纯的生产要素转变为受严格监管的战略资源,对于投资者而言,理解这一板块不能仅停留在概……...</p> </li><li> <a href="https://www.sxdwgd.com/43323.html" title="人脸识别系统规定有哪些?人脸识别系统规定">人脸识别系统规定有哪些?人脸识别系统规定</a> <p>关于人脸识别系统的规定在数字化身份认证日益普及的今天,人脸识别技术已从单纯的安防监控延伸至金融支付、智慧社区及企业考勤等核心场景,随着《个人信息保护法》与《信息安全技术 个人信息安全规范》等法规的落地,合规性已成为人脸识别系统部署的首要门槛,对于服务器基础设施而言,如何在满足严苛法律合规要求的同时,提供毫秒级的……...</p> </li><li> <a href="https://www.sxdwgd.com/43322.html" title="AIoT新闻有哪些最新动态?2026年AIoT发展趋势解析">AIoT新闻有哪些最新动态?2026年AIoT发展趋势解析</a> <p>2026年AIoT的核心突破在于端侧大模型的轻量化部署与边缘计算的深度融合,这标志着物联网设备从单纯的“数据采集者”进化为具备独立推理能力的“智能体”,彻底改变了传统云端依赖过重、延迟高的痛点,过去几年,我们见证了物联网设备数量的爆炸式增长,但大多数设备依然处于“哑终端”状态,需要依赖云端进行复杂的数据处理,这……...</p> </li><li> <a href="https://www.sxdwgd.com/43321.html" title="高防DNS解析打不开怎么办?DNS解析失败怎么解决">高防DNS解析打不开怎么办?DNS解析失败怎么解决</a> <p>高防DNS解析打不开的核心原因通常在于DNS缓存污染、高防IP配置错误或本地网络环境干扰,建议优先尝试清除本地DNS缓存并检查域名解析记录中的高防CNAME指向是否正确,当网站遭遇DDoS攻击或CC攻击时,启用高防DNS是常见的防护手段,很多站长在配置后却发现网站无法访问,或者解析速度极慢,这种情况并非无解,而……...</p> </li><li> <a href="https://www.sxdwgd.com/43320.html" title="cdn做ddos攻击怎么解决,cdn防御ddos">cdn做ddos攻击怎么解决,cdn防御ddos</a> <p>CDN通过边缘节点缓存与流量清洗技术,能有效抵御DDoS攻击,但其防护能力存在带宽上限,面对超大规模攻击时需结合高防IP或专用清洗中心,Content Delivery Network(CDN)作为现代互联网架构的基石,其核心价值不仅在于加速,更在于构建第一道安全防线,在2026年的网络攻防环境中,DDoS攻击……...</p> </li><li> <a href="https://www.sxdwgd.com/43319.html" title="安全等保评测模型评测是什么?如何进行安全等保三级测评">安全等保评测模型评测是什么?如何进行安全等保三级测评</a> <p>安全等保评测与模型评测并非同一概念,前者侧重合规与基础设施安全,后者聚焦AI算法的鲁棒性与数据隐私,二者在2026年已成为企业数字化转型的双重底线,很多管理者容易将这两者混为一谈,认为只要通过了网络安全等级保护,系统就是安全的,这种认知偏差在引入大语言模型或生成式AI后变得尤为致命,等保2.0体系主要保护的是……...</p> </li></ul> </div> </div> <div class="list"> <div class="tit">相关资讯</div> <div class="box"> <ul><li> <a href="https://www.sxdwgd.com/43318.html" title="个人备案能加多个域名吗,个人备案一个主体可以备案几个域名">个人备案能加多个域名吗,个人备案一个主体可以备案几个域名</a> <p>个人备案多个域名是完全可行的,但必须确保所有域名指向同一主体、同一网站内容,且严禁用于商业经营或非法用途,否则极易被管局注销备案,很多刚接触建站的朋友都有这样的困惑:手里攥着好几个心仪的域名,是只备案一个,还是把剩下的都备上?业内专家指出,个人备案的核心逻辑在于“单一主体、单一用途”,如果你打算把不同的域名分别……...</p> </li><li> <a href="https://www.sxdwgd.com/43317.html" title="人脸识别技术文献综述怎么写?人脸识别技术原理及应用">人脸识别技术文献综述怎么写?人脸识别技术原理及应用</a> <p>关于人脸识别技术文献在数字化转型的浪潮中,人脸识别技术已从单纯的安防监控延伸至金融支付、智慧社区及企业考勤等核心业务场景,随着算法精度的提升,对后端算力基础设施提出了前所未有的挑战,服务器作为承载高并发人脸比对、特征提取及海量数据存储的核心节点,其性能直接决定了系统的响应速度与稳定性,本文将基于最新的技术文献与……...</p> </li><li> <a href="https://www.sxdwgd.com/43316.html" title="AIoT方向是什么?AIoT技术应用前景如何">AIoT方向是什么?AIoT技术应用前景如何</a> <p>AIoT(人工智能物联网)的核心价值在于通过边缘计算与云端协同,将传统设备升级为具备自主决策能力的智能节点,从而在工业、家居及城市管理中实现降本增效与体验升级,AIoT技术架构与核心逻辑解析AIoT并非简单的“AI+IoT”拼接,而是数据流与智能流的深度融合,过去,物联网设备只负责采集数据,如温度传感器记录数值……...</p> </li><li> <a href="https://www.sxdwgd.com/43315.html" title="高防企业级云服务器提供哪家靠谱?高防服务器租用价格">高防企业级云服务器提供哪家靠谱?高防服务器租用价格</a> <p>高防企业级云服务器通过底层流量清洗与硬件级防护结合,能在遭受大规模DDoS攻击时保障业务连续性,是金融、游戏及电商等高价值业务的首选基础设施,为什么高防云服务器成为企业刚需在数字化浪潮下,网络攻击不再是偶发事件,而是常态化的安全威胁,对于企业而言,服务器宕机不仅意味着数据丢失,更直接导致品牌信誉受损和客户流失……...</p> </li><li> <a href="https://www.sxdwgd.com/43314.html" title="CDN加载速度慢怎么办,CDN加速提升网站访问速度">CDN加载速度慢怎么办,CDN加速提升网站访问速度</a> <p>CDN加载速度直接决定网站转化率与SEO排名,2026年行业共识表明,将首屏加载时间控制在1.5秒以内可提升30%以上的用户留存率,建议优先选择具备边缘计算能力且节点覆盖全国主要运营商的头部服务商,在数字化竞争白热化的2026年,网页加载速度已不再是单纯的技术指标,而是直接影响商业变现的核心资产,对于站长和企业……...</p> </li><li> <a href="https://www.sxdwgd.com/43313.html" title="什么是安全等保评测与模型评测?等保三级测评多少钱">什么是安全等保评测与模型评测?等保三级测评多少钱</a> <p>安全等保评测与模型评测是保障AI系统合规与稳健的双重防线,前者侧重数据隐私与系统架构的法律合规,后者聚焦算法偏见、幻觉率及输出可控性的技术验证,二者结合才能构建可信的智能应用,随着生成式人工智能技术的爆发式增长,企业级应用不再仅仅追求“能用”,而是转向“好用”且“安全”,在2026年的监管环境下,单纯依靠传统网……...</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/43332.html" title="绕过cdn扫描,绕过cdn扫描有哪些方法">绕过cdn扫描,绕过cdn扫描有哪些方法</a> </li><li> <a href="https://www.sxdwgd.com/43331.html" title="ASP如何生成WML?生成ASP报告教程">ASP如何生成WML?生成ASP报告教程</a> </li><li> <a href="https://www.sxdwgd.com/43330.html" title="个人服务器不能盈利吗?个人服务器能跑什么项目">个人服务器不能盈利吗?个人服务器能跑什么项目</a> </li><li> <a href="https://www.sxdwgd.com/43329.html" title="人脸识别技术专著有哪些?人脸识别技术发展趋势如何">人脸识别技术专著有哪些?人脸识别技术发展趋势如何</a> </li><li> <a href="https://www.sxdwgd.com/43328.html" title="AIoT新风向是什么?AIoT技术发展趋势详解">AIoT新风向是什么?AIoT技术发展趋势详解</a> </li><li> <a href="https://www.sxdwgd.com/43327.html" title="高重复率数据信息可视化怎么做?数据可视化图表制作技巧">高重复率数据信息可视化怎么做?数据可视化图表制作技巧</a> </li><li> <a href="https://www.sxdwgd.com/43326.html" title="cdn需要备案吗,cdn备案流程">cdn需要备案吗,cdn备案流程</a> </li><li> <a href="https://www.sxdwgd.com/43325.html" title="ASP如何连接查询MySQL数据库?ASP连接MySQL数据库报错怎么办">ASP如何连接查询MySQL数据库?ASP连接MySQL数据库报错怎么办</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/459/" title="岫岩">岫岩</a><a href="https://www.sxdwgd.com/460/" title="海城">海城</a><a href="https://www.sxdwgd.com/461/" title="抚顺">抚顺</a><a href="https://www.sxdwgd.com/462/" title="新抚">新抚</a><a href="https://www.sxdwgd.com/463/" title="东洲">东洲</a><a href="https://www.sxdwgd.com/464/" title="望花">望花</a><a href="https://www.sxdwgd.com/465/" title="顺城">顺城</a><a href="https://www.sxdwgd.com/466/" title="新宾">新宾</a><a href="https://www.sxdwgd.com/467/" title="清原">清原</a><a href="https://www.sxdwgd.com/468/" title="本溪">本溪</a><a href="https://www.sxdwgd.com/469/" title="溪湖">溪湖</a><a href="https://www.sxdwgd.com/470/" title="明山">明山</a><a href="https://www.sxdwgd.com/471/" title="南芬">南芬</a><a href="https://www.sxdwgd.com/472/" title="桓仁">桓仁</a><a href="https://www.sxdwgd.com/473/" title="丹东">丹东</a><a href="https://www.sxdwgd.com/474/" title="元宝">元宝</a><a href="https://www.sxdwgd.com/475/" title="振兴">振兴</a><a href="https://www.sxdwgd.com/476/" title="振安">振安</a><a href="https://www.sxdwgd.com/477/" title="宽甸">宽甸</a><a href="https://www.sxdwgd.com/478/" title="东港">东港</a><a href="https://www.sxdwgd.com/479/" title="凤城">凤城</a><a href="https://www.sxdwgd.com/480/" title="锦州">锦州</a><a href="https://www.sxdwgd.com/481/" title="古塔">古塔</a><a href="https://www.sxdwgd.com/482/" title="凌河">凌河</a><a href="https://www.sxdwgd.com/483/" title="太和">太和</a><a href="https://www.sxdwgd.com/484/" title="黑山">黑山</a><a href="https://www.sxdwgd.com/485/" title="义县">义县</a><a href="https://www.sxdwgd.com/486/" title="凌海">凌海</a><a href="https://www.sxdwgd.com/487/" title="北镇">北镇</a><a href="https://www.sxdwgd.com/488/" title="营口">营口</a><a href="https://www.sxdwgd.com/489/" title="站前">站前</a><a href="https://www.sxdwgd.com/490/" title="西市">西市</a><a href="https://www.sxdwgd.com/491/" title="鲅鱼圈">鲅鱼圈</a><a href="https://www.sxdwgd.com/492/" title="老边">老边</a><a href="https://www.sxdwgd.com/493/" title="盖州">盖州</a><a href="https://www.sxdwgd.com/494/" title="大石桥">大石桥</a><a href="https://www.sxdwgd.com/495/" title="阜新">阜新</a><a href="https://www.sxdwgd.com/496/" title="海州">海州</a><a href="https://www.sxdwgd.com/497/" title="新邱">新邱</a><a href="https://www.sxdwgd.com/498/" title="太平">太平</a><a href="https://www.sxdwgd.com/499/" title="清河门">清河门</a><a href="https://www.sxdwgd.com/500/" title="细河">细河</a><a href="https://www.sxdwgd.com/501/" title="彰武">彰武</a><a href="https://www.sxdwgd.com/502/" title="辽阳">辽阳</a><a href="https://www.sxdwgd.com/503/" title="白塔">白塔</a><a href="https://www.sxdwgd.com/504/" title="文圣">文圣</a><a href="https://www.sxdwgd.com/505/" title="宏伟">宏伟</a><a href="https://www.sxdwgd.com/506/" title="弓长岭">弓长岭</a><a href="https://www.sxdwgd.com/507/" title="太子河">太子河</a><a href="https://www.sxdwgd.com/508/" title="灯塔">灯塔</a><a href="https://www.sxdwgd.com/509/" title="盘锦">盘锦</a><a href="https://www.sxdwgd.com/510/" title="双台子">双台子</a><a href="https://www.sxdwgd.com/511/" title="兴隆台">兴隆台</a><a href="https://www.sxdwgd.com/512/" title="大洼">大洼</a><a href="https://www.sxdwgd.com/513/" title="盘山">盘山</a><a href="https://www.sxdwgd.com/514/" title="铁岭">铁岭</a><a href="https://www.sxdwgd.com/515/" title="银州">银州</a><a href="https://www.sxdwgd.com/516/" title="西丰">西丰</a><a href="https://www.sxdwgd.com/517/" title="昌图">昌图</a><a href="https://www.sxdwgd.com/518/" title="调兵山">调兵山</a><a href="https://www.sxdwgd.com/519/" title="开原">开原</a><a href="https://www.sxdwgd.com/520/" title="双塔">双塔</a><a href="https://www.sxdwgd.com/521/" title="龙城">龙城</a><a href="https://www.sxdwgd.com/522/" title="建平">建平</a><a href="https://www.sxdwgd.com/523/" title="北票">北票</a><a href="https://www.sxdwgd.com/524/" title="凌源">凌源</a><a href="https://www.sxdwgd.com/525/" title="葫芦岛">葫芦岛</a><a href="https://www.sxdwgd.com/526/" title="连山">连山</a><a href="https://www.sxdwgd.com/527/" title="龙港">龙港</a><a href="https://www.sxdwgd.com/528/" title="南票">南票</a><a href="https://www.sxdwgd.com/529/" title="绥中">绥中</a><a href="https://www.sxdwgd.com/530/" title="建昌">建昌</a><a href="https://www.sxdwgd.com/531/" title="兴城">兴城</a><a href="https://www.sxdwgd.com/532/" title="长春">长春</a><a href="https://www.sxdwgd.com/533/" title="南关">南关</a><a href="https://www.sxdwgd.com/534/" title="二道">二道</a><a href="https://www.sxdwgd.com/535/" title="绿园">绿园</a><a href="https://www.sxdwgd.com/536/" title="双阳">双阳</a><a href="https://www.sxdwgd.com/537/" title="九台">九台</a><a href="https://www.sxdwgd.com/538/" title="农安">农安</a><a href="https://www.sxdwgd.com/539/" title="榆树">榆树</a><a href="https://www.sxdwgd.com/540/" title="德惠">德惠</a><a href="https://www.sxdwgd.com/541/" title="公主岭">公主岭</a><a href="https://www.sxdwgd.com/542/" title="吉林">吉林</a><a href="https://www.sxdwgd.com/543/" title="昌邑">昌邑</a><a href="https://www.sxdwgd.com/544/" title="龙潭">龙潭</a><a href="https://www.sxdwgd.com/545/" title="船营">船营</a><a href="https://www.sxdwgd.com/546/" title="丰满">丰满</a><a href="https://www.sxdwgd.com/547/" title="永吉">永吉</a><a href="https://www.sxdwgd.com/548/" title="蛟河">蛟河</a><a href="https://www.sxdwgd.com/549/" title="桦甸">桦甸</a><a href="https://www.sxdwgd.com/550/" title="舒兰">舒兰</a><a href="https://www.sxdwgd.com/551/" title="磐石">磐石</a><a href="https://www.sxdwgd.com/552/" title="四平">四平</a><a href="https://www.sxdwgd.com/553/" title="梨树">梨树</a><a href="https://www.sxdwgd.com/554/" title="伊通">伊通</a><a href="https://www.sxdwgd.com/555/" title="双辽">双辽</a><a href="https://www.sxdwgd.com/556/" title="辽源">辽源</a><a href="https://www.sxdwgd.com/557/" title="龙山">龙山</a><a href="https://www.sxdwgd.com/558/" title="西安">西安</a><a href="https://www.sxdwgd.com/559/" title="东丰">东丰</a><a href="https://www.sxdwgd.com/560/" title="东辽">东辽</a><a href="https://www.sxdwgd.com/561/" title="通化">通化</a><a href="https://www.sxdwgd.com/562/" title="东昌">东昌</a><a href="https://www.sxdwgd.com/563/" title="二道江">二道江</a><a href="https://www.sxdwgd.com/564/" title="辉南">辉南</a><a href="https://www.sxdwgd.com/565/" title="柳河">柳河</a><a href="https://www.sxdwgd.com/566/" title="梅河口">梅河口</a><a href="https://www.sxdwgd.com/567/" title="集安">集安</a><a href="https://www.sxdwgd.com/568/" title="白山">白山</a><a href="https://www.sxdwgd.com/569/" title="浑江">浑江</a><a href="https://www.sxdwgd.com/570/" 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>