零基础怎么做网站建设师

在数字化时代，网站已成为企业、个人展示和推广的重要平台。无论是企业的官方网站，还是个人的博客、在线商店，网站建设的需求日益增长。对于零基础的人来说，成为一名网站建设师可能听起来像是一项艰巨的任务，但通过系统学习与实践，你完全可以掌握这门技能。本文将为你提供一个从零开始的指南，帮助你逐步成为一名合格的网站建设师。

一、了解网站建设的基本概念

在开始学习之前，了解一些基本概念是非常重要的。网站建设主要包括以下几个方面：

1. 前端开发：负责用户直接看到的页面，通常使用HTML、CSS和JavaScript来实现。
2. 后端开发：负责网站的数据处理和逻辑功能，通常使用PHP、Python、Node.js等服务器端语言。
3. 数据库管理：存储和管理网站的数据，常见的有MySQL、MongoDB等。
4. 服务器与域名：网站需要部署在服务器上，并通过域名访问。

二、学习前端基础知识

前端开发是网站建设的入门基础，它决定了网站的外观和交互效果。以下是你需要掌握的前端技术：

1. HTML（超文本标记语言）

HTML是网页的基础结构，负责定义网页的内容和布局。学习HTML，你可以从以下几个方面入手：

• 常用标签：如、、
  、

  等。

• 表单元素：如
  、、</code>等。</li> <li>语义化标签：如<code><header></code>、<code><footer></code>、<code><article></code>等，有助于提升SEO和代码可读性。</li> </ul> <h3>2. CSS（层叠样式表）</h3> <p>CSS用于控制网页的样式和布局。学习CSS时，你需要掌握： </p> <ul> <li>选择器：如<code>id</code>、<code>class</code>、伪类等。</li> <li>盒模型：了解元素的<code>margin</code>、<code>padding</code>、<code>border</code>等属性。</li> <li>Flexbox和Grid布局：现代网页设计中常用的布局技术。</li> <li>响应式设计：确保网页在不同设备上都能良好显示。</li> </ul> <h3>3. JavaScript</h3> <p>JavaScript是实现网页动态效果的核心语言。学习JavaScript时，你需要掌握： </p> <ul> <li>基本语法：如变量、函数、循环、条件语句等。</li> <li>DOM操作：通过JavaScript动态修改网页内容。</li> <li>事件处理：如点击、滚动等交互事件。</li> <li>现代JavaScript框架：如React、Vue.js等，可以帮助你更高效地开发复杂的网页应用。</li> </ul> <h2>三、学习后端开发</h2> <p>后端开发是网站的核心部分，负责处理数据、用户请求和业务逻辑。对于零基础的学习者，可以从以下几个方面入手： </p> <h3>1. 选择一门后端语言</h3> <p>后端语言有很多选择，常见的有PHP、Python、Node.js等。你可以根据自己的兴趣选择一门语言开始学习。 </p> <ul> <li><strong>PHP</strong>：适合初学者，常用于WordPress等CMS系统。</li> <li><strong>Python</strong>：语法简洁，适合开发Web应用，常用框架有Django和Flask。</li> <li><strong>Node.js</strong>：使用JavaScript作为后端语言，适合前后端一体化的开发。</li> </ul> <h3>2. 数据库基础</h3> <p>网站的数据通常存储在数据库中，因此学习数据库管理也是必不可少的。常见的数据库有： </p> <ul> <li><strong>MySQL</strong>：关系型数据库，适合处理结构化数据。</li> <li><strong>MongoDB</strong>：NoSQL数据库，适合存储非结构化数据。</li> </ul> <p>你需要学习如何设计数据库表、执行增删改查操作、以及如何与后端语言进行交互。 </p> <h3>3. 学习服务器和部署</h3> <p>网站建设完成后，你需要将其部署到服务器上，并通过域名访问。你可以学习以下内容： </p> <ul> <li><strong>服务器配置</strong>：如Linux服务器的基本操作，Nginx或Apache的配置。</li> <li><strong>域名注册与解析</strong>：学习如何购买域名并将其解析到服务器。</li> <li><strong>网站部署</strong>：学习如何将网站代码上传到服务器，并进行配置。</li> </ul> <h2>四、实践与项目经验</h2> <p>理论学习固然重要，但实践才是提升技能的关键。你可以通过以下几种方式积累项目经验： </p> <ol> <li><strong>个人项目</strong>：从简单的个人博客或在线简历开始，不断增加功能。</li> <li><strong>开源项目</strong>：参与GitHub上的开源项目，向社区贡献代码，提升自己的编码能力。</li> <li><strong>实战项目</strong>：尝试为朋友或小型企业搭建网站，积累实际经验。</li> </ol> <h2>五、持续学习与行业动态</h2> <p>网站建设是一个不断发展的领域，新技术和工具层出不穷。作为新手，你需要保持对行业动态的关注，持续学习新的技术和趋势。常见的学习资源包括： </p> <ul> <li><strong>在线课程</strong>：如Coursera、Udemy、慕课网等平台提供的Web开发课程。</li> <li><strong>技术博客与文档</strong>：如MDN Web Docs、CSS-Tricks等，帮助你深入理解技术细节。</li> <li><strong>社区与论坛</strong>：如Stack Overflow、SegmentFault等，可以在遇到问题时寻求帮助。</li> </ul> <h2>六、结语</h2> <p>成为一名网站建设师并不是一蹴而就的过程，它需要持续的学习、实践和积累。从零基础开始，通过学习前端、后端技术，掌握数据库和服务器管理，最终你将能够独立完成一个功能完善的网站。最重要的是，保持耐心和热情，享受学习的过程，相信自己一定能在这条路上越走越远。 </p> <p>无论你是想为自己搭建一个博客，还是希望将来从事Web开发相关的工作，从现在开始行动吧！ </p> </div> </div> <div class="news-txtpaging"> <div class="news-label-item"> <span>文章标签：</span> <a href="/.html?name=网站建设" title="网站建设">网站建设</a> <a href="/.html?name=前端开发" title="前端开发">前端开发</a> <a href="/.html?name=后端开发" title="后端开发">后端开发</a> </div> <div class="news-txtpaging-item"> <a href="/helpcontent/30899.html" title="建设网站前提条件怎么写">上一篇：建设网站前提条件怎么写</a> </div> <div class="news-txtpaging-item"> <a href="/helpcontent/30901.html" title="宁海h5网站建设怎么样">下一篇：宁海h5网站建设怎么样</a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="et-right"> <div class="news-right-row"> <div class="news_righ_item"> <div class="article-module-title "> 更多栏目 </div> <div class="create-article"> <a href="/news.html"> <img src="/themes/web/www/static/picture/remoteL17092052019402.png"> <span>新闻动态</span></a> <a href="/help.html"> <img src="/themes/web/www/static/picture/remoteL17092052224961.png"> <span>文档中心</span></a> <a href="/downloads"> <img src="/themes/web/www/static/picture/remoteL17092052326960.png"> <span>下载中心</span></a> </div> </div> <div class="newsPage_left_sticky"> <div class="news_righ_item" style="padding-bottom: 10px;"> <div class="article-module-title "> 目录结构 </div> <div class="directoryStructure"> <span class="nothing">全文</span> </div> </div> </div> </div> </section> </div> </section> <script src="/themes/web/www/static/script/prism.js"></script> <script> $(document).ready(function () { newsContent(); }); </script> <div class="sky-footer-container footerContainer-h footer_shallow" style="background:rgba(255, 255, 255, 1)"> <div class="comp_container comp_container_auto"> <div class="sky-footer-top"> <a class="sky-footer-block" > <img src="/themes/web/www/static/picture/remoteL16905328288110.svg" class="sky-footer-icon"> <div class="sky-footer-title">全天候品质服务</div> </a> <a class="sky-footer-block" > <img src="/themes/web/www/static/picture/remoteL16905328285515.svg" class="sky-footer-icon"> <div class="sky-footer-title">极速服务应答</div> </a> <a class="sky-footer-block" > <img src="/themes/web/www/static/picture/remoteL16905328293623.svg" class="sky-footer-icon"> <div class="sky-footer-title">客户价值为先</div> </a> <a class="sky-footer-block" > <img src="/themes/web/www/static/picture/remoteL16905328292905.svg" class="sky-footer-icon"> <div class="sky-footer-title">全方位安全保障</div> </a> </div> <div class="sky-footer-main"> <div class="sky-footer-left"> <div class="sky-footer-left-logo"> <img src="/themes/web/www/upload/local66b59c45243ca.png" alt="中山慈云数据服务有限公司"> </div> <div class="sky-footer-companyInformation"> <div class="sky-footer-address">中山慈云数据服务有限公司</div> <div class="sky-footer-copy">Copyright © 2019-2025 All Rights Reserved.慈云数据 版权所有</div> </div> <div class="sky-footer-left-itme"> <p>服务热线：</p> <a href="tel:售后:400-801-9632或售前:400-801-9914">售后:400-801-9632或售前:400-801-9914</a> </div> <div class="sky-footer-left-itme"> <p>电子邮箱：</p> <a href="mailto:ciyunidc@ciyunshuju.com">ciyunidc@ciyunshuju.com</a> </div> <div class="sky-footer-left-itme"> <p>商务QQ：</p> <a href="http://wpa.qq.com/msgrd?v=3&uin=官方交流QQ群：499997757&site=qq&menu=yes" target="_blank">官方交流QQ群：499997757</a> </div> <div class="sky-footer-left-itme"> <p>公司地址：</p> <a>中山市火炬开发区江陵西路2号4幢5层B区593</a> </div> <div class="sky-footer-socials"> <div class="sky-footer-ewm"> <img src="/themes/web/www/upload/local662f5496d4768.jpg" alt="客服微信"> <p class="sky-footer-ewm-title">客服微信</p> </div> <div class="sky-footer-ewm"> <img src="/themes/web/www/upload/local662f90d20ac51.png" alt="微信群"> <p class="sky-footer-ewm-title">微信群</p> </div> </div> </div> <div class="sky-footer-right"> <div class="sky-footer-nav-row"> <div class="sky-footer-nav-column"> <div class="sky-footer-nav-heading">服务指南</div> <div class="sky-footer-nav-item"> <a href="/security">安全中心</a> </div> <div class="sky-footer-nav-item"> <a href="/verified">实名认证</a> </div> <div class="sky-footer-nav-item"> <a href="/invoicelist">API管理</a> </div> <div class="sky-footer-nav-item"> <a href="/submitticket">提交工单</a> </div> <div class="sky-footer-nav-item"> <a href="">服务条款</a> </div> </div> <div class="sky-footer-nav-column"> <div class="sky-footer-nav-heading">代理系统</div> <div class="sky-footer-nav-item"> <a href="/agent.html">合作伙伴</a> </div> <div class="sky-footer-nav-item"> <a href="/aff.html">代理推广</a> </div> <div class="sky-footer-nav-item"> <a href="/affiliates">推广明细</a> </div> </div> <div class="sky-footer-nav-column"> <div class="sky-footer-nav-heading">帮助中心</div> <div class="sky-footer-nav-item"> <a href="/news.html">行业新闻</a> </div> <div class="sky-footer-nav-item"> <a href="/help.html">帮助中心</a> </div> <div class="sky-footer-nav-item"> <a href="/downloads">文件下载</a> </div> </div> <div class="sky-footer-nav-column"> <div class="sky-footer-nav-heading">关于我们</div> <div class="sky-footer-nav-item"> <a href="/Introduction.html">公司简介</a> </div> <div class="sky-footer-nav-item"> <a href="/contact.html">联系我们</a> </div> <div class="sky-footer-nav-item"> <a href="/news.html">公司动态</a> </div> <div class="sky-footer-nav-item"> <a href="/certificate.html">荣誉资质</a> </div> </div> <div class="sky-footer-nav-column"> <div class="sky-footer-nav-heading">投诉举报平台</div> <div class="sky-footer-nav-item"> <a href="https://www.mps.gov.cn/">中国公安部</a> </div> <div class="sky-footer-nav-item"> <a href="https://www.miit.gov.cn/">中国工信部</a> </div> <div class="sky-footer-nav-item"> <a href="https://www.cac.gov.cn/">中国网信办</a> </div> <div class="sky-footer-nav-item"> <a href="http://www.caict.ac.cn/">中国信通院</a> </div> <div class="sky-footer-nav-item"> <a href="https://www.ndrc.gov.cn/">中国发改委</a> </div> </div> <div class="sky-footer-nav-column"> <div class="sky-footer-nav-heading">兄弟网站</div> <div class="sky-footer-nav-item"> <a href="https://waf.rqa.cn/">慈云安全</a> </div> <div class="sky-footer-nav-item"> <a href="https://www.1gidc.com/">壹港数据</a> </div> <div class="sky-footer-nav-item"> <a href="https://ai.r5ai.com/">智能助手</a> </div> <div class="sky-footer-nav-item"> <a href="https://www.helloimg.com/">Hello图床</a> </div> <div class="sky-footer-nav-item"> <a href="https://sms.zovps.com/">惠短信平台</a> </div> </div> </div> <div class="sky-footer-bottom"> <div class="sky-footer-links"> <a class="universal icon-diduiqi"></a> <a href="/sitemap.xml" target="_blank">站点地图</a> <a href="https://seo.juziseo.com/" target="_blank">桔子SEO工具</a> <a href="https://www.juming.com/" target="_blank">聚名网</a> <a href="https://www.numing.com" target="_blank">怒名知产</a> <a href="https://www.xp.cn" target="_blank">小皮面板</a> <a href="https://www.tcptest.cn/" target="_blank">在线PING</a> <a href="https://www.adminbuy.cn/" target="_blank">网站源码</a> <a href="https://www.boce.com/" target="_blank">宽带测速</a> <a href="https://www.yibaixun.com/" target="_blank">网站建设</a> <a href="https://www.dkewl.com/" target="_blank">网站源码</a> <a href="https://www.bosscms.net/" target="_blank">建站系统</a> <a href="https://www.qxw18.com" target="_blank">医疗器械招商</a> <a href="https://www.cnbanwagong.com" target="_blank">便宜VPS</a> <a href="https://pdftoword.55.la/" target="_blank">pdf转换器</a> <a href="https://www.dalao.net/" target="_blank">大佬论坛</a> <a href="https://www.ce8.com" target="_blank">网站测速</a> <a href="https://www.51dns.com/" target="_blank">域名解析</a> <a href="https://www.informat.cn/" target="_blank">低代码开发平台</a> <a href="https://www.easyqi.cn/" target="_blank">seo优化</a> <a href="https://www.91084.com/" target="_blank">pbootcms模板</a> <a href="https://www.aizhl.cn/" target="_blank">AI智能助理</a> </div> <div class="sky-footer-info"> <div class="info-copyright"> <a class="filing-itme" href="https://dxyw.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=B1-20231141&type=xuke" target="_blank" > <img class="filing-icon" src="/themes/web/www/static/picture/gongan.png"/> <span class="filing-title">IDC/ISP证号 B1-20231141 </span> </a> <a class="filing-itme" href="https://www.zovps.com/themes/web/www/upload/local673fdd3e48500.png" target="_blank" > <img class="filing-icon" src="/themes/web/www/static/picture/gongan.png"/> <span class="filing-title">营业执照 </span> </a> <a class="filing-itme" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44200002445251" target="_blank" > <img class="filing-icon" src="/themes/web/www/static/picture/gongan.png"/> <span class="filing-title">粤公网安备44200002445251号 </span> </a> <a class="filing-itme" href="https://beian.miit.gov.cn/" target="_blank" > <img class="filing-icon" src="/themes/web/www/static/picture/local657930f11d1cd.png"/> <span class="filing-title">网站备案号:粤ICP备2022149763号 </span> </a> <a class="filing-itme" href="https://www.zovps.com/ciyun/pdf/ciyundata.pdf" target="_blank" > <span class="filing-title">用户与隐私协议 </span> </a> <a class="filing-itme" href="https://www.zovps.com/newscontent/27454.html" target="_blank" > <span class="filing-title">致慈云数据用户的一封信 </span> </a> <a class="filing-itme" href="https://www.zovps.com/sitemap.xml" target="_blank" > <span class="filing-title">网站地图 </span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="online_Nav" style="--servicewidth:40px; --serviceline:1"> <div class=" animate__animated animate__slideInRight"> <div class="phone-container "> <div class="consultation-box"> <div class="border-decorator decorator-one"></div> <div class="border-decorator decorator-two"></div> <div class="border-decorator decorator-three"></div> <div class="border-decorator decorator-four"></div> <img class="consultation-image" src="/themes/web/www/static/picture/remoteL17137804762255.jpeg" alt=""> <a class="consultation-button" href="https://www.zovps.com/kefu.html" target="blank" style="background: rgba(0, 86, 255, 1)"><p>在线咨询</p></a> </div> </div> <div class="sideNavigation"> <div class="online_body" > <div class="online_navItem"> <a class="onlineService"><i class="develop sk-tubiao_kefu"></i></a> <div class="hoverWindow"> <div class="onlineservice_triangle"></div> <div class="onlineService_Body"> <div class="onlineservice_content"> <div class="onlineService_Title"> <div class="onlineService_Title_Icon"></div> <div class="onlineService_Title_Text"> <div class="onlineService_kefu display"> <a href="/default/qq.html?qq=851239876" target="_blank" > <div class="kefuInformation"> <div class="kefuInformation-status"> <img class="qqicon online" src="//q1.qlogo.cn/g?b=qq&nk=851239876&s=100" alt=" 客服如未及时回复，请直接发网站工单" width="100%" height="100%"/> <i class="online-indicator"></i> </div> <div class="nicknameInformation"> <span class="nickname">客服如未及时回复，请直接发网站工单 </span> <span class="qq"></span> </div> </div> </a> <a href="/default/qq.html?qq=85136926" target="_blank" > <div class="kefuInformation"> <div class="kefuInformation-status"> <img class="qqicon online" src="//q1.qlogo.cn/g?b=qq&nk=85136926&s=100" alt=" 专业技术顾问，用心服务您的每一次咨询" width="100%" height="100%"/> <i class="online-indicator"></i> </div> <div class="nicknameInformation"> <span class="nickname">专业技术顾问，用心服务您的每一次咨询 </span> <span class="qq"></span> </div> </div> </a> <a href="/default/qq.html?qq=85136926" target="_blank" > <div class="kefuInformation"> <div class="kefuInformation-status"> <img class="qqicon online" src="//q1.qlogo.cn/g?b=qq&nk=85136926&s=100" alt=" 客服中心" width="100%" height="100%"/> <i class="online-indicator"></i> </div> <div class="nicknameInformation"> <span class="nickname">客服中心 </span> <span class="qq">客服投诉</span> </div> </div> </a> <a style="cursor: no-drop" data-toggle="tooltip" title="上班时间07:00至23:55" data-size="tiny" data-theme="lt-gray" > <div class="kefuInformation"> <div class="kefuInformation-status"> <img class="qqicon offline" src="//q1.qlogo.cn/g?b=qq&nk=851239876&s=100" alt=" 阿灿" width="100%" height="100%"/> <i class="offline-indicator"></i> </div> <div class="nicknameInformation"> <span class="nickname">阿灿 <span class="offLine">客服已下班，添加客服留言，紧急售后请拨打400电话 </span> </span> <span class="qq">售前咨询</span> </div> </div> </a> <a style="cursor: no-drop" data-toggle="tooltip" title="上班时间09:00至23:55" data-size="tiny" data-theme="lt-gray" > <div class="kefuInformation"> <div class="kefuInformation-status"> <img class="qqicon offline" src="//q1.qlogo.cn/g?b=qq&nk=625565574&s=100" alt=" 南风" width="100%" height="100%"/> <i class="offline-indicator"></i> </div> <div class="nicknameInformation"> <span class="nickname">南风 <span class="offLine">客服已下班，添加客服留言，紧急售后请拨打400电话 </span> </span> <span class="qq">售后咨询</span> </div> </div> </a> <a style="cursor: no-drop" data-toggle="tooltip" title="上班时间08:00至23:55" data-size="tiny" data-theme="lt-gray" > <div class="kefuInformation"> <div class="kefuInformation-status"> <img class="qqicon offline" src="/themes/web/www/static/avatar/avatar_74.jpeg" alt=" 客服" width="100%" height="100%"/> <i class="offline-indicator"></i> </div> <div class="nicknameInformation"> <span class="nickname">客服 <span class="offLine">客服已下班，添加客服留言，紧急售后请拨打400电话 </span> </span> <span class="qq">全渠道智能客服 提升服务体验，升级客户忠诚度</span> </div> </div> </a> </div> <div class="onlineService_kefu display Telegram "> <a href="tel:售后:400-801-9632或售前:400-801-9914" target="_blank"> <div class="kefuInformation"> <img class="qqicon" src="/themes/web/www/static/picture/Hotline.svg" alt=" 客服热线" width="100%" height="100%"> <div class="nicknameInformation"> <span class="nickname">客服热线(24H)</span> <span class="qq often"> 拨打:售后:400-801-9632或售前:400-801-9914</span> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="online_navItem"> <a class="onlineService"><i class="develop sk-bianji1"></i></a> <div class="hoverWindow"> <div class="onlineservice_triangle"></div> <div class="onlineService_Body"> <div class="onlineservice_content workOrder"> <a class="onlineService_Title" href="/submitticket"> <div class="onlineService_Title_Icon"><i class="sk icon_edit"></i></div> <div class="onlineService_Title_Text"> <p class="onlineServicetitle"> 提交工单</p> <span class="onlineServicedesc" > 我们会第一时间处理您的需求 </span> </div> </a> <a class="onlineService_Title" href="/submitticket"> <div class="onlineService_Title_Icon"><i class="develop sk-tousujianyi"></i></div> <div class="onlineService_Title_Text"> <p class="onlineServicetitle"> 建议反馈</p> <span class="onlineServicedesc" > 真诚期待您的宝贵意见 </span> </div> </a> <a class="onlineService_Title" href="/submitticket"> <div class="onlineService_Title_Icon"><i class="develop sk-jubao"></i></div> <div class="onlineService_Title_Text"> <p class="onlineServicetitle"> 违法举报</p> <span class="onlineServicedesc" style="color:#FA7100" > "违法有害信息"举报专区 </span> </div> </a> </div> </div> </div> </div> <div class="online_navItem"> <a class="onlineService"><i class="develop sk-31erweima"></i></a> <div class="hoverWindow"> <div class="onlineservice_triangle"></div> <div class="onlineService_Body officialAccount"> <div class="onlineservice_content"> <div class="onlineService_Title"> <div class="onlineService_Title_Icon"></div> <div class="onlineService_Title_Text"> <img class="qrCode" src="/themes/web/www/upload/local662f5496d4768.jpg" alt="31erweima" width="100%" height="100%"/> </div> </div> <div class="onlineService_Close">微信客服</div> </div> <div class="onlineservice_content"> <div class="onlineService_Title"> <div class="onlineService_Title_Icon"></div> <div class="onlineService_Title_Text"> <img class="qrCode" src="/themes/web/www/upload/local662f90d20ac51.png" alt="31erweima" width="100%" height="100%"/> </div> </div> <div class="onlineService_Close">微信群</div> </div> <div class="onlineservice_content"> <div class="onlineService_Title"> <div class="onlineService_Title_Icon"></div> <div class="onlineService_Title_Text"> <img class="qrCode" src="/themes/web/www/upload/local66a5f7f116b48.jpg" alt="31erweima" width="100%" height="100%"/> </div> </div> <div class="onlineService_Close">微信公众号</div> </div> </div> </div> </div> </div> <div class="onlineTop"> <div class="onlineTop_icon"> <i class="develop sk-fanhuidingbu1"></i> </div> </div> </div> </div> </div> <script src="/themes/web/www/static/script/wow.min.js?v8.3.2"></script> <script src="/themes/web/www/static/script/common.js?v8.3.2"></script> <script src="/themes/web/www/static/script/universalComponents.js?v8.3.2"></script> <script src="/themes/web/www/default/html/globalJS.js?v8.3.2"></script> <script src="/themes/web/www/default/html/wwwJS.js?v8.3.2"></script> <script> $(document).ready(function(){ if(!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init();}; $("[data-toggle='tooltip']").jTippy();$('.nav-layoutcontainer').addClass('black');$('.headerBg').css('background-color','rgba(255, 255, 255, 1)');module.nav();module.footer();module.sidebar(); });</script><!-- 百度统计组件 --> <script> const currentPageUrl = window.location.href; const currentPath = window.location.pathname; // 仅在首页（根路径） if (currentPath === "/" && currentPageUrl.includes("bd_vid")) { document.cookie = `BdHome=${encodeURIComponent(currentPageUrl)}; path=/; max-age=3600`; } // 仅在 /cart 路径 if (currentPath.startsWith("/cart") && currentPageUrl.includes("bd_vid")) { document.cookie = `BdCart=${encodeURIComponent(currentPageUrl)}; path=/; max-age=3600`; } </script> <script type="text/javascript"> (function (w, d, n, a, j) { w[n] = w[n] || function () { (w[n].a = w[n].a || []).push(arguments); }; j = d.createElement("script"); j.async = true; j.src = "https://kefu.ywkefu.com/static/js/ywkefu_sdk.js"; var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(j, s); })(window, document, "ywkf"); ywkf("config", { appSceneId: 3049 }) </script></body> </html>