[{"data":1,"prerenderedAt":4048},["ShallowReactive",2],{"article-/topics/practical-tips/free-web-design-tools-boundary-selection":3,"related-practical-tips":942,"content-query-biNfitg7Da":3311},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"topic":5,"author":11,"tags":12,"image":18,"imageAlt":19,"imageQuery":20,"pexelsPhotoId":21,"pexelsUrl":22,"readingTime":23,"featured":6,"body":24,"_type":936,"_id":937,"_source":938,"_file":939,"_stem":940,"_extension":941},"/topics/practical-tips/free-web-design-tools-boundary-selection","practical-tips",false,"","免费网页设计工具的边界：什么时候适合 HTMLPAGE，什么时候该先出设计稿或代码稿","免费网页设计工具并不是不能做复杂项目，而是要先判断复杂度在哪。本文从交付目标、交互复杂度、团队协作和后续维护四个维度拆解：什么时候适合直接用 HTMLPAGE，什么时候更该先出设计稿或代码稿。","2026-04-05","HTMLPAGE 团队",[13,14,15,16,17],"免费网页设计工具","HTMLPAGE","建站工具选择","网页设计","交付流程","/images/articles/free-web-design-tools-boundary-selection-featured.jpg","桌面上的手机、屏幕与线框图，代表网页设计工具和交付方式的选择","designer choosing between wireframe and code on desk",11780441,"https://www.pexels.com/photo/a-person-holding-black-smartphone-11780441/",15,{"type":25,"children":26,"toc":905},"root",[27,35,55,60,65,74,79,86,232,237,255,260,266,271,277,300,305,310,333,338,343,348,354,359,364,387,392,397,402,415,420,426,431,436,459,465,470,475,493,498,504,509,515,533,539,557,563,581,587,605,611,616,634,639,662,667,672,677,682,701,706,712,717,735,740,758,763,769,850,855,860,865],{"type":28,"tag":29,"props":30,"children":31},"element","p",{},[32],{"type":33,"value":34},"text","很多人讨论免费网页设计工具时，容易把问题问成：",{"type":28,"tag":36,"props":37,"children":38},"ul",{},[39,45,50],{"type":28,"tag":40,"props":41,"children":42},"li",{},[43],{"type":33,"value":44},"HTMLPAGE 好不好用？",{"type":28,"tag":40,"props":46,"children":47},{},[48],{"type":33,"value":49},"在线 Builder 能不能替代设计师？",{"type":28,"tag":40,"props":51,"children":52},{},[53],{"type":33,"value":54},"零代码能不能做专业项目？",{"type":28,"tag":29,"props":56,"children":57},{},[58],{"type":33,"value":59},"这些问题太大，也太容易把判断带偏。",{"type":28,"tag":29,"props":61,"children":62},{},[63],{"type":33,"value":64},"更实际的问法应该是：",{"type":28,"tag":29,"props":66,"children":67},{},[68],{"type":28,"tag":69,"props":70,"children":71},"strong",{},[72],{"type":33,"value":73},"这次项目的复杂度主要落在哪？是结构、视觉、交互、协作，还是后续工程化维护？",{"type":28,"tag":29,"props":75,"children":76},{},[77],{"type":33,"value":78},"因为免费工具有没有边界，从来不是看它能不能“勉强做出来”，而是看它能不能在你当前项目里，以合理成本完成交付并持续维护。",{"type":28,"tag":80,"props":81,"children":83},"h2",{"id":82},"结论先说先分清是先搭起来还是先定义清楚",[84],{"type":33,"value":85},"结论先说：先分清是“先搭起来”，还是“先定义清楚”",{"type":28,"tag":87,"props":88,"children":89},"table",{},[90,119],{"type":28,"tag":91,"props":92,"children":93},"thead",{},[94],{"type":28,"tag":95,"props":96,"children":97},"tr",{},[98,104,109,114],{"type":28,"tag":99,"props":100,"children":101},"th",{},[102],{"type":33,"value":103},"情况",{"type":28,"tag":99,"props":105,"children":106},{},[107],{"type":33,"value":108},"更适合直接用 HTMLPAGE",{"type":28,"tag":99,"props":110,"children":111},{},[112],{"type":33,"value":113},"更适合先出设计稿",{"type":28,"tag":99,"props":115,"children":116},{},[117],{"type":33,"value":118},"更适合先写代码稿",{"type":28,"tag":120,"props":121,"children":122},"tbody",{},[123,147,168,189,211],{"type":28,"tag":95,"props":124,"children":125},{},[126,132,137,142],{"type":28,"tag":127,"props":128,"children":129},"td",{},[130],{"type":33,"value":131},"目标清楚、结构标准",{"type":28,"tag":127,"props":133,"children":134},{},[135],{"type":33,"value":136},"是",{"type":28,"tag":127,"props":138,"children":139},{},[140],{"type":33,"value":141},"视情况",{"type":28,"tag":127,"props":143,"children":144},{},[145],{"type":33,"value":146},"否",{"type":28,"tag":95,"props":148,"children":149},{},[150,155,160,164],{"type":28,"tag":127,"props":151,"children":152},{},[153],{"type":33,"value":154},"视觉风格需要高精度控制",{"type":28,"tag":127,"props":156,"children":157},{},[158],{"type":33,"value":159},"谨慎",{"type":28,"tag":127,"props":161,"children":162},{},[163],{"type":33,"value":136},{"type":28,"tag":127,"props":165,"children":166},{},[167],{"type":33,"value":141},{"type":28,"tag":95,"props":169,"children":170},{},[171,176,180,185],{"type":28,"tag":127,"props":172,"children":173},{},[174],{"type":33,"value":175},"交互逻辑复杂",{"type":28,"tag":127,"props":177,"children":178},{},[179],{"type":33,"value":159},{"type":28,"tag":127,"props":181,"children":182},{},[183],{"type":33,"value":184},"先梳理",{"type":28,"tag":127,"props":186,"children":187},{},[188],{"type":33,"value":136},{"type":28,"tag":95,"props":190,"children":191},{},[192,197,202,207],{"type":28,"tag":127,"props":193,"children":194},{},[195],{"type":33,"value":196},"团队多人协作、要长期维护",{"type":28,"tag":127,"props":198,"children":199},{},[200],{"type":33,"value":201},"可做首版",{"type":28,"tag":127,"props":203,"children":204},{},[205],{"type":33,"value":206},"常需要",{"type":28,"tag":127,"props":208,"children":209},{},[210],{"type":33,"value":206},{"type":28,"tag":95,"props":212,"children":213},{},[214,219,223,228],{"type":28,"tag":127,"props":215,"children":216},{},[217],{"type":33,"value":218},"需要快速验证页面方向",{"type":28,"tag":127,"props":220,"children":221},{},[222],{"type":33,"value":136},{"type":28,"tag":127,"props":224,"children":225},{},[226],{"type":33,"value":227},"可辅助",{"type":28,"tag":127,"props":229,"children":230},{},[231],{"type":33,"value":146},{"type":28,"tag":29,"props":233,"children":234},{},[235],{"type":33,"value":236},"判断重点不在“工具强不强”，而在于你当前最缺的是什么：",{"type":28,"tag":36,"props":238,"children":239},{},[240,245,250],{"type":28,"tag":40,"props":241,"children":242},{},[243],{"type":33,"value":244},"缺一个能快速上线的页面",{"type":28,"tag":40,"props":246,"children":247},{},[248],{"type":33,"value":249},"缺一个统一方向的设计稿",{"type":28,"tag":40,"props":251,"children":252},{},[253],{"type":33,"value":254},"缺一个可工程化扩展的技术基础",{"type":28,"tag":29,"props":256,"children":257},{},[258],{"type":33,"value":259},"这三件事，适合的交付路径完全不同。",{"type":28,"tag":80,"props":261,"children":263},{"id":262},"一什么时候适合直接用-htmlpage",[264],{"type":33,"value":265},"一、什么时候适合直接用 HTMLPAGE",{"type":28,"tag":29,"props":267,"children":268},{},[269],{"type":33,"value":270},"HTMLPAGE 最适合的，不是所有网页，而是那些结构相对明确、目标相对单一、需要尽快试版和上线的页面。",{"type":28,"tag":272,"props":273,"children":275},"h3",{"id":274},"常见合适场景",[276],{"type":33,"value":274},{"type":28,"tag":36,"props":278,"children":279},{},[280,285,290,295],{"type":28,"tag":40,"props":281,"children":282},{},[283],{"type":33,"value":284},"活动页、专题页、品牌介绍页",{"type":28,"tag":40,"props":286,"children":287},{},[288],{"type":33,"value":289},"内容承接页、课程介绍页、展示页",{"type":28,"tag":40,"props":291,"children":292},{},[293],{"type":33,"value":294},"结构比较标准的官网二级页",{"type":28,"tag":40,"props":296,"children":297},{},[298],{"type":33,"value":299},"需要快速迭代内容和模块顺序的项目",{"type":28,"tag":272,"props":301,"children":303},{"id":302},"为什么这些场景适合",[304],{"type":33,"value":302},{"type":28,"tag":29,"props":306,"children":307},{},[308],{"type":33,"value":309},"因为它们的核心难题通常不是底层交互，而是：",{"type":28,"tag":36,"props":311,"children":312},{},[313,318,323,328],{"type":28,"tag":40,"props":314,"children":315},{},[316],{"type":33,"value":317},"信息怎么排",{"type":28,"tag":40,"props":319,"children":320},{},[321],{"type":33,"value":322},"模块顺序怎么定",{"type":28,"tag":40,"props":324,"children":325},{},[326],{"type":33,"value":327},"哪一屏先说什么",{"type":28,"tag":40,"props":329,"children":330},{},[331],{"type":33,"value":332},"视觉层级怎么稳住",{"type":28,"tag":29,"props":334,"children":335},{},[336],{"type":33,"value":337},"这些问题，HTMLPAGE 这类 Builder 很擅长加速。",{"type":28,"tag":272,"props":339,"children":341},{"id":340},"一个实用判断标准",[342],{"type":33,"value":340},{"type":28,"tag":29,"props":344,"children":345},{},[346],{"type":33,"value":347},"如果你能在一句话里讲清楚页面目标，并能列出 5 到 8 个主要模块，这类项目往往就适合直接进 HTMLPAGE。",{"type":28,"tag":80,"props":349,"children":351},{"id":350},"二什么时候更该先出设计稿",[352],{"type":33,"value":353},"二、什么时候更该先出设计稿",{"type":28,"tag":29,"props":355,"children":356},{},[357],{"type":33,"value":358},"有些项目并不是不能用 Builder，而是如果你直接进去搭，后面返工会更多。",{"type":28,"tag":272,"props":360,"children":362},{"id":361},"更适合先出设计稿的场景",[363],{"type":33,"value":361},{"type":28,"tag":36,"props":365,"children":366},{},[367,372,377,382],{"type":28,"tag":40,"props":368,"children":369},{},[370],{"type":33,"value":371},"视觉风格需要非常强的品牌辨识度",{"type":28,"tag":40,"props":373,"children":374},{},[375],{"type":33,"value":376},"页面还没确定到底怎么讲故事",{"type":28,"tag":40,"props":378,"children":379},{},[380],{"type":33,"value":381},"团队对页面风格分歧很大",{"type":28,"tag":40,"props":383,"children":384},{},[385],{"type":33,"value":386},"有多端适配、复杂版式或高要求视觉规范",{"type":28,"tag":272,"props":388,"children":390},{"id":389},"为什么这类项目先做设计稿更稳",[391],{"type":33,"value":389},{"type":28,"tag":29,"props":393,"children":394},{},[395],{"type":33,"value":396},"因为此时你真正缺的不是“页面”，而是“共识”。",{"type":28,"tag":29,"props":398,"children":399},{},[400],{"type":33,"value":401},"如果共识还没建立，直接在 Builder 里搭，通常会出现两种问题：",{"type":28,"tag":36,"props":403,"children":404},{},[405,410],{"type":28,"tag":40,"props":406,"children":407},{},[408],{"type":33,"value":409},"页面改来改去，结构和视觉反复推翻",{"type":28,"tag":40,"props":411,"children":412},{},[413],{"type":33,"value":414},"每个人都在成品上提意见，成本更高",{"type":28,"tag":29,"props":416,"children":417},{},[418],{"type":33,"value":419},"设计稿的价值，在于把抽象讨论提前固化成可评审的视觉与结构方案。",{"type":28,"tag":80,"props":421,"children":423},{"id":422},"三什么时候更该先写代码稿",[424],{"type":33,"value":425},"三、什么时候更该先写代码稿",{"type":28,"tag":29,"props":427,"children":428},{},[429],{"type":33,"value":430},"还有一类项目，问题根本不在视觉，也不在区块排序，而在工程复杂度本身。",{"type":28,"tag":272,"props":432,"children":434},{"id":433},"常见信号",[435],{"type":33,"value":433},{"type":28,"tag":36,"props":437,"children":438},{},[439,444,449,454],{"type":28,"tag":40,"props":440,"children":441},{},[442],{"type":33,"value":443},"交互状态很多",{"type":28,"tag":40,"props":445,"children":446},{},[447],{"type":33,"value":448},"需要账户、权限、数据联动",{"type":28,"tag":40,"props":450,"children":451},{},[452],{"type":33,"value":453},"页面只是产品界面的一部分",{"type":28,"tag":40,"props":455,"children":456},{},[457],{"type":33,"value":458},"后续要和真实业务逻辑深度耦合",{"type":28,"tag":272,"props":460,"children":462},{"id":461},"这类项目为什么不适合把-builder-当主交付手段",[463],{"type":33,"value":464},"这类项目为什么不适合把 Builder 当主交付手段",{"type":28,"tag":29,"props":466,"children":467},{},[468],{"type":33,"value":469},"因为你最终要维护的，不是一个静态页面，而是一套状态、行为和接口关系。此时用代码先把边界和骨架理顺，往往更稳。",{"type":28,"tag":29,"props":471,"children":472},{},[473],{"type":33,"value":474},"这并不意味着 HTMLPAGE 没价值，它仍然可以承担：",{"type":28,"tag":36,"props":476,"children":477},{},[478,483,488],{"type":28,"tag":40,"props":479,"children":480},{},[481],{"type":33,"value":482},"首版结构验证",{"type":28,"tag":40,"props":484,"children":485},{},[486],{"type":33,"value":487},"营销外层页面搭建",{"type":28,"tag":40,"props":489,"children":490},{},[491],{"type":33,"value":492},"内容页和活动页的快速交付",{"type":28,"tag":29,"props":494,"children":495},{},[496],{"type":33,"value":497},"但不应该把它当成所有复杂产品界面的替代。",{"type":28,"tag":80,"props":499,"children":501},{"id":500},"四一个更实用的四维判断法",[502],{"type":33,"value":503},"四、一个更实用的四维判断法",{"type":28,"tag":29,"props":505,"children":506},{},[507],{"type":33,"value":508},"如果你拿不准该走哪条路，可以按下面四个维度逐项判断。",{"type":28,"tag":272,"props":510,"children":512},{"id":511},"_1-交付目标",[513],{"type":33,"value":514},"1. 交付目标",{"type":28,"tag":36,"props":516,"children":517},{},[518,523,528],{"type":28,"tag":40,"props":519,"children":520},{},[521],{"type":33,"value":522},"如果目标是“尽快上线一个能工作的页面”，HTMLPAGE 更优。",{"type":28,"tag":40,"props":524,"children":525},{},[526],{"type":33,"value":527},"如果目标是“先把风格和方向定下来”，设计稿更优。",{"type":28,"tag":40,"props":529,"children":530},{},[531],{"type":33,"value":532},"如果目标是“建立长期工程基础”，代码稿更优。",{"type":28,"tag":272,"props":534,"children":536},{"id":535},"_2-复杂度来源",[537],{"type":33,"value":538},"2. 复杂度来源",{"type":28,"tag":36,"props":540,"children":541},{},[542,547,552],{"type":28,"tag":40,"props":543,"children":544},{},[545],{"type":33,"value":546},"复杂在排版和内容组织：HTMLPAGE",{"type":28,"tag":40,"props":548,"children":549},{},[550],{"type":33,"value":551},"复杂在视觉风格和品牌统一：设计稿",{"type":28,"tag":40,"props":553,"children":554},{},[555],{"type":33,"value":556},"复杂在交互、状态和数据：代码稿",{"type":28,"tag":272,"props":558,"children":560},{"id":559},"_3-协作方式",[561],{"type":33,"value":562},"3. 协作方式",{"type":28,"tag":36,"props":564,"children":565},{},[566,571,576],{"type":28,"tag":40,"props":567,"children":568},{},[569],{"type":33,"value":570},"一两个人快速推进：HTMLPAGE 成本低",{"type":28,"tag":40,"props":572,"children":573},{},[574],{"type":33,"value":575},"多角色反复评审：设计稿更适合先对齐",{"type":28,"tag":40,"props":577,"children":578},{},[579],{"type":33,"value":580},"前后端协作明确：代码稿更利于边界清楚",{"type":28,"tag":272,"props":582,"children":584},{"id":583},"_4-后续维护",[585],{"type":33,"value":586},"4. 后续维护",{"type":28,"tag":36,"props":588,"children":589},{},[590,595,600],{"type":28,"tag":40,"props":591,"children":592},{},[593],{"type":33,"value":594},"页面后续主要改文案和模块：HTMLPAGE 足够",{"type":28,"tag":40,"props":596,"children":597},{},[598],{"type":33,"value":599},"页面后续要不断扩展系统化组件：设计稿 + 工程化更稳",{"type":28,"tag":40,"props":601,"children":602},{},[603],{"type":33,"value":604},"页面后续会演化成产品界面：代码优先",{"type":28,"tag":80,"props":606,"children":608},{"id":607},"五失败案例为什么很多团队会在错误阶段选错工具",[609],{"type":33,"value":610},"五、失败案例：为什么很多团队会在错误阶段选错工具",{"type":28,"tag":29,"props":612,"children":613},{},[614],{"type":33,"value":615},"一个很常见的失败路径是：",{"type":28,"tag":36,"props":617,"children":618},{},[619,624,629],{"type":28,"tag":40,"props":620,"children":621},{},[622],{"type":33,"value":623},"项目还没定义清楚",{"type":28,"tag":40,"props":625,"children":626},{},[627],{"type":33,"value":628},"团队又急着出东西",{"type":28,"tag":40,"props":630,"children":631},{},[632],{"type":33,"value":633},"于是直接在 Builder 里开始搭",{"type":28,"tag":29,"props":635,"children":636},{},[637],{"type":33,"value":638},"前几天看起来很快，后面却越来越慢。因为所有“没想清楚的问题”都会在成品上爆出来：",{"type":28,"tag":36,"props":640,"children":641},{},[642,647,652,657],{"type":28,"tag":40,"props":643,"children":644},{},[645],{"type":33,"value":646},"结构改",{"type":28,"tag":40,"props":648,"children":649},{},[650],{"type":33,"value":651},"风格改",{"type":28,"tag":40,"props":653,"children":654},{},[655],{"type":33,"value":656},"交互改",{"type":28,"tag":40,"props":658,"children":659},{},[660],{"type":33,"value":661},"文案改",{"type":28,"tag":272,"props":663,"children":665},{"id":664},"根因",[666],{"type":33,"value":664},{"type":28,"tag":29,"props":668,"children":669},{},[670],{"type":33,"value":671},"不是 Builder 不好，而是把“本来应该先定义的问题”推迟到了“已经在做成品”的阶段。",{"type":28,"tag":272,"props":673,"children":675},{"id":674},"修复方式",[676],{"type":33,"value":674},{"type":28,"tag":29,"props":678,"children":679},{},[680],{"type":33,"value":681},"先停下来判断：",{"type":28,"tag":683,"props":684,"children":685},"ol",{},[686,691,696],{"type":28,"tag":40,"props":687,"children":688},{},[689],{"type":33,"value":690},"现在最缺的是方向、结构，还是工程？",{"type":28,"tag":40,"props":692,"children":693},{},[694],{"type":33,"value":695},"当前版本的目标是上线、评审，还是开发？",{"type":28,"tag":40,"props":697,"children":698},{},[699],{"type":33,"value":700},"哪些问题必须先定，哪些可以边做边调？",{"type":28,"tag":29,"props":702,"children":703},{},[704],{"type":33,"value":705},"只要这三件事理清，工具选择通常就不会太离谱。",{"type":28,"tag":80,"props":707,"children":709},{"id":708},"六htmlpage-的真实边界是什么",[710],{"type":33,"value":711},"六、HTMLPAGE 的真实边界是什么",{"type":28,"tag":29,"props":713,"children":714},{},[715],{"type":33,"value":716},"HTMLPAGE 的强项在于：",{"type":28,"tag":36,"props":718,"children":719},{},[720,725,730],{"type":28,"tag":40,"props":721,"children":722},{},[723],{"type":33,"value":724},"结构试版快",{"type":28,"tag":40,"props":726,"children":727},{},[728],{"type":33,"value":729},"文案和模块调整快",{"type":28,"tag":40,"props":731,"children":732},{},[733],{"type":33,"value":734},"对单页面、内容页和专题页非常高效",{"type":28,"tag":29,"props":736,"children":737},{},[738],{"type":33,"value":739},"它的边界在于：",{"type":28,"tag":36,"props":741,"children":742},{},[743,748,753],{"type":28,"tag":40,"props":744,"children":745},{},[746],{"type":33,"value":747},"不能替代复杂交互系统设计",{"type":28,"tag":40,"props":749,"children":750},{},[751],{"type":33,"value":752},"不能自动解决品牌级视觉规范问题",{"type":28,"tag":40,"props":754,"children":755},{},[756],{"type":33,"value":757},"不能替代真正的工程架构判断",{"type":28,"tag":29,"props":759,"children":760},{},[761],{"type":33,"value":762},"所以更准确的说法不是“HTMLPAGE 能不能做”，而是“HTMLPAGE 适不适合做当前这个阶段的交付”。",{"type":28,"tag":80,"props":764,"children":766},{"id":765},"七工具选择-checklist",[767],{"type":33,"value":768},"七、工具选择 Checklist",{"type":28,"tag":36,"props":770,"children":773},{"className":771},[772],"contains-task-list",[774,787,796,805,814,823,832,841],{"type":28,"tag":40,"props":775,"children":778},{"className":776},[777],"task-list-item",[779,785],{"type":28,"tag":780,"props":781,"children":784},"input",{"disabled":782,"type":783},true,"checkbox",[],{"type":33,"value":786}," 已明确本次项目的第一目标是上线、评审还是开发",{"type":28,"tag":40,"props":788,"children":790},{"className":789},[777],[791,794],{"type":28,"tag":780,"props":792,"children":793},{"disabled":782,"type":783},[],{"type":33,"value":795}," 已判断复杂度主要来自结构、视觉还是交互",{"type":28,"tag":40,"props":797,"children":799},{"className":798},[777],[800,803],{"type":28,"tag":780,"props":801,"children":802},{"disabled":782,"type":783},[],{"type":33,"value":804}," 如果风格未定，优先考虑先出设计稿",{"type":28,"tag":40,"props":806,"children":808},{"className":807},[777],[809,812],{"type":28,"tag":780,"props":810,"children":811},{"disabled":782,"type":783},[],{"type":33,"value":813}," 如果交互和数据复杂，优先考虑先做代码骨架",{"type":28,"tag":40,"props":815,"children":817},{"className":816},[777],[818,821],{"type":28,"tag":780,"props":819,"children":820},{"disabled":782,"type":783},[],{"type":33,"value":822}," 如果页面结构清楚、目标明确，优先考虑直接用 HTMLPAGE",{"type":28,"tag":40,"props":824,"children":826},{"className":825},[777],[827,830],{"type":28,"tag":780,"props":828,"children":829},{"disabled":782,"type":783},[],{"type":33,"value":831}," 已判断后续维护是偏内容编辑，还是偏工程扩展",{"type":28,"tag":40,"props":833,"children":835},{"className":834},[777],[836,839],{"type":28,"tag":780,"props":837,"children":838},{"disabled":782,"type":783},[],{"type":33,"value":840}," 没有把某个工具当成“万能替代方案”",{"type":28,"tag":40,"props":842,"children":844},{"className":843},[777],[845,848],{"type":28,"tag":780,"props":846,"children":847},{"disabled":782,"type":783},[],{"type":33,"value":849}," 已为团队当前阶段选择成本最低、反馈最快的路径",{"type":28,"tag":80,"props":851,"children":853},{"id":852},"结语",[854],{"type":33,"value":852},{"type":28,"tag":29,"props":856,"children":857},{},[858],{"type":33,"value":859},"免费网页设计工具真正的边界，不是“能做什么页面”，而是“在哪个阶段最值钱”。当你需要快速验证结构和上线内容页时，HTMLPAGE 往往是高效选择；当你需要统一风格、沉淀设计规范或进入复杂工程阶段时，就应该承认工具边界，切换到更合适的交付方式。",{"type":28,"tag":29,"props":861,"children":862},{},[863],{"type":33,"value":864},"延伸阅读：",{"type":28,"tag":36,"props":866,"children":867},{},[868,878,887,896],{"type":28,"tag":40,"props":869,"children":870},{},[871],{"type":28,"tag":872,"props":873,"children":875},"a",{"href":874},"/topics/practical-tips/online-free-website-without-template-look",[876],{"type":33,"value":877},"在线免费制作网页，怎样避免一眼模板感：结构、素材、文案、视觉锚点拆解",{"type":28,"tag":40,"props":879,"children":880},{},[881],{"type":28,"tag":872,"props":882,"children":884},{"href":883},"/topics/design/free-web-design-premium-look-playbook",[885],{"type":33,"value":886},"免费网页设计怎么做出高级感：从模板味到内容气质的完整改造路径",{"type":28,"tag":40,"props":888,"children":889},{},[890],{"type":28,"tag":872,"props":891,"children":893},{"href":892},"/topics/practical-tips/htmlpage-cn-platform-guide",[894],{"type":33,"value":895},"htmlpage.cn 是什么？适合谁用、能做什么、从哪里开始",{"type":28,"tag":40,"props":897,"children":898},{},[899],{"type":28,"tag":872,"props":900,"children":902},{"href":901},"/topics/practical-tips/htmlpage-literature-topic-page-zero-code-workflow",[903],{"type":33,"value":904},"零代码做文学专题页：用 HTMLPAGE 完成封面、赏析、注释、延伸阅读闭环",{"title":7,"searchDepth":906,"depth":906,"links":907},3,[908,910,915,919,923,929,933,934,935],{"id":82,"depth":909,"text":85},2,{"id":262,"depth":909,"text":265,"children":911},[912,913,914],{"id":274,"depth":906,"text":274},{"id":302,"depth":906,"text":302},{"id":340,"depth":906,"text":340},{"id":350,"depth":909,"text":353,"children":916},[917,918],{"id":361,"depth":906,"text":361},{"id":389,"depth":906,"text":389},{"id":422,"depth":909,"text":425,"children":920},[921,922],{"id":433,"depth":906,"text":433},{"id":461,"depth":906,"text":464},{"id":500,"depth":909,"text":503,"children":924},[925,926,927,928],{"id":511,"depth":906,"text":514},{"id":535,"depth":906,"text":538},{"id":559,"depth":906,"text":562},{"id":583,"depth":906,"text":586},{"id":607,"depth":909,"text":610,"children":930},[931,932],{"id":664,"depth":906,"text":664},{"id":674,"depth":906,"text":674},{"id":708,"depth":909,"text":711},{"id":765,"depth":909,"text":768},{"id":852,"depth":909,"text":852},"markdown","content:topics:practical-tips:free-web-design-tools-boundary-selection.md","content","topics/practical-tips/free-web-design-tools-boundary-selection.md","topics/practical-tips/free-web-design-tools-boundary-selection","md",[943,1667,2385],{"_path":944,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":945,"description":946,"date":947,"topic":5,"author":11,"tags":948,"image":954,"imageAlt":955,"pexelsPhotoId":956,"pexelsUrl":957,"readingTime":958,"body":959,"_type":936,"_id":1664,"_source":938,"_file":1665,"_stem":1666,"_extension":941},"/topics/practical-tips/online-free-website-builder-step-by-step","网站在线免费怎么做？从选模板到绑定域名的最短流程（附上线后 24h 复核清单）","以“网站在线免费”为搜索意图，给出从选模板→改内容→发布→绑定域名→HTTPS→缓存→回滚的最短上线流程，并提供 24 小时复核清单与常见翻车排错路径。","2026-03-03",[949,950,951,952,953],"网站在线免费","免费建站","网页制作","域名","上线","/images/topics/practical-tips/online-free-website-builder-step-by-step.jpg","紫色花朵的特写（作为网站上线的封面意象）",794494,"https://www.pexels.com/photo/closeup-photography-of-purple-silk-flowers-with-dewdrops-794494/",12,{"type":25,"children":960,"toc":1642},[961,966,989,994,1007,1011,1017,1022,1027,1050,1055,1058,1064,1070,1075,1093,1098,1104,1109,1142,1154,1160,1165,1183,1189,1198,1203,1221,1226,1232,1237,1242,1255,1261,1266,1279,1284,1287,1293,1299,1322,1327,1348,1353,1366,1370,1391,1394,1400,1406,1415,1425,1443,1449,1457,1475,1485,1491,1499,1512,1521,1524,1530,1597,1600,1605],{"type":28,"tag":29,"props":962,"children":963},{},[964],{"type":33,"value":965},"你搜“网站在线免费”，通常不是想研究建站史，而是想要一个能马上用的路径：",{"type":28,"tag":36,"props":967,"children":968},{},[969,974,979,984],{"type":28,"tag":40,"props":970,"children":971},{},[972],{"type":33,"value":973},"现在就能做",{"type":28,"tag":40,"props":975,"children":976},{},[977],{"type":33,"value":978},"最好不要写代码",{"type":28,"tag":40,"props":980,"children":981},{},[982],{"type":33,"value":983},"做完能有一个链接能访问",{"type":28,"tag":40,"props":985,"children":986},{},[987],{"type":33,"value":988},"未来还能换域名、能升级",{"type":28,"tag":29,"props":990,"children":991},{},[992],{"type":33,"value":993},"这篇文章把“在线免费建站”的最短路径讲清楚，并明确免费方案的边界与风险。",{"type":28,"tag":29,"props":995,"children":996},{},[997,999,1005],{"type":33,"value":998},"如果你要更系统的“从 0 到上线”：看这篇 ",{"type":28,"tag":872,"props":1000,"children":1002},{"href":1001},"/topics/practical-tips/webpage-making-from-zero-to-online",[1003],{"type":33,"value":1004},"网页制作从 0 到上线",{"type":33,"value":1006},"。",{"type":28,"tag":1008,"props":1009,"children":1010},"hr",{},[],{"type":28,"tag":80,"props":1012,"children":1014},{"id":1013},"结论先说免费建站-80-的坑都在上线之后",[1015],{"type":33,"value":1016},"结论先说：免费建站 80% 的坑都在“上线之后”",{"type":28,"tag":29,"props":1018,"children":1019},{},[1020],{"type":33,"value":1021},"上线之前你会觉得一切顺利：选模板、改文案、换图片。",{"type":28,"tag":29,"props":1023,"children":1024},{},[1025],{"type":33,"value":1026},"上线之后才是真实世界：",{"type":28,"tag":36,"props":1028,"children":1029},{},[1030,1035,1040,1045],{"type":28,"tag":40,"props":1031,"children":1032},{},[1033],{"type":33,"value":1034},"绑定域名、HTTPS、缓存",{"type":28,"tag":40,"props":1036,"children":1037},{},[1038],{"type":33,"value":1039},"页面速度、SEO 收录",{"type":28,"tag":40,"props":1041,"children":1042},{},[1043],{"type":33,"value":1044},"表单线索是否可靠",{"type":28,"tag":40,"props":1046,"children":1047},{},[1048],{"type":33,"value":1049},"版本与回滚",{"type":28,"tag":29,"props":1051,"children":1052},{},[1053],{"type":33,"value":1054},"所以本文按“上线链路”组织，而不是按“页面编辑”。",{"type":28,"tag":1008,"props":1056,"children":1057},{},[],{"type":28,"tag":80,"props":1059,"children":1061},{"id":1060},"最短流程从-0-到上线可照抄",[1062],{"type":33,"value":1063},"最短流程：从 0 到上线（可照抄）",{"type":28,"tag":272,"props":1065,"children":1067},{"id":1066},"step-1选模板别凭感觉",[1068],{"type":33,"value":1069},"Step 1：选模板（别凭感觉）",{"type":28,"tag":29,"props":1071,"children":1072},{},[1073],{"type":33,"value":1074},"选模板时只看三点：",{"type":28,"tag":36,"props":1076,"children":1077},{},[1078,1083,1088],{"type":28,"tag":40,"props":1079,"children":1080},{},[1081],{"type":33,"value":1082},"信息结构是否匹配你的目的（不是“好看”）",{"type":28,"tag":40,"props":1084,"children":1085},{},[1086],{"type":33,"value":1087},"移动端首屏是否清晰（标题、CTA 不挤）",{"type":28,"tag":40,"props":1089,"children":1090},{},[1091],{"type":33,"value":1092},"是否支持导出/绑定域名/发布（可迁移性）",{"type":28,"tag":29,"props":1094,"children":1095},{},[1096],{"type":33,"value":1097},"如果你用 Builder 类工具，建议优先确保：能导出源码、能绑定自有域名、能回滚。",{"type":28,"tag":272,"props":1099,"children":1101},{"id":1100},"step-2改内容先改-3-个关键区块",[1102],{"type":33,"value":1103},"Step 2：改内容（先改 3 个关键区块）",{"type":28,"tag":29,"props":1105,"children":1106},{},[1107],{"type":33,"value":1108},"按转化优先级改：",{"type":28,"tag":683,"props":1110,"children":1111},{},[1112,1122,1132],{"type":28,"tag":40,"props":1113,"children":1114},{},[1115,1120],{"type":28,"tag":69,"props":1116,"children":1117},{},[1118],{"type":33,"value":1119},"Hero",{"type":33,"value":1121},"：一句话标题 + 一句话副标题 + 1 个 CTA",{"type":28,"tag":40,"props":1123,"children":1124},{},[1125,1130],{"type":28,"tag":69,"props":1126,"children":1127},{},[1128],{"type":33,"value":1129},"Proof",{"type":33,"value":1131},"：案例/数据/资质/评价（至少一种）",{"type":28,"tag":40,"props":1133,"children":1134},{},[1135,1140],{"type":28,"tag":69,"props":1136,"children":1137},{},[1138],{"type":33,"value":1139},"Form / CTA",{"type":33,"value":1141},"：行动按钮或表单（不要多个目标）",{"type":28,"tag":29,"props":1143,"children":1144},{},[1145,1147,1153],{"type":33,"value":1146},"想快速上手落地页打法：看 ",{"type":28,"tag":872,"props":1148,"children":1150},{"href":1149},"/topics/practical-tips/htmlpage-quick-landing-page",[1151],{"type":33,"value":1152},"3 分钟用 HTMLPAGE 做落地页",{"type":33,"value":1006},{"type":28,"tag":272,"props":1155,"children":1157},{"id":1156},"step-3发布成可访问链接",[1158],{"type":33,"value":1159},"Step 3：发布成可访问链接",{"type":28,"tag":29,"props":1161,"children":1162},{},[1163],{"type":33,"value":1164},"最低要求：",{"type":28,"tag":36,"props":1166,"children":1167},{},[1168,1173,1178],{"type":28,"tag":40,"props":1169,"children":1170},{},[1171],{"type":33,"value":1172},"有一个 HTTPS 链接可访问",{"type":28,"tag":40,"props":1174,"children":1175},{},[1176],{"type":33,"value":1177},"资源加载正常（图片、字体、脚本）",{"type":28,"tag":40,"props":1179,"children":1180},{},[1181],{"type":33,"value":1182},"移动端可用",{"type":28,"tag":272,"props":1184,"children":1186},{"id":1185},"step-4绑定域名资产控制权",[1187],{"type":33,"value":1188},"Step 4：绑定域名（资产控制权）",{"type":28,"tag":29,"props":1190,"children":1191},{},[1192,1197],{"type":28,"tag":69,"props":1193,"children":1194},{},[1195],{"type":33,"value":1196},"强烈建议：域名自己买",{"type":33,"value":1006},{"type":28,"tag":29,"props":1199,"children":1200},{},[1201],{"type":33,"value":1202},"绑定域名通常需要：",{"type":28,"tag":36,"props":1204,"children":1205},{},[1206,1211,1216],{"type":28,"tag":40,"props":1207,"children":1208},{},[1209],{"type":33,"value":1210},"在域名解析里添加 CNAME/A 记录",{"type":28,"tag":40,"props":1212,"children":1213},{},[1214],{"type":33,"value":1215},"等待 DNS 生效（10 分钟~数小时）",{"type":28,"tag":40,"props":1217,"children":1218},{},[1219],{"type":33,"value":1220},"开启 HTTPS（平台自动证书）",{"type":28,"tag":29,"props":1222,"children":1223},{},[1224],{"type":33,"value":1225},"如果平台要求你用它的子域名，意味着未来迁移成本会更高。",{"type":28,"tag":272,"props":1227,"children":1229},{"id":1228},"step-5缓存策略避免上线看不到更新",[1230],{"type":33,"value":1231},"Step 5：缓存策略（避免“上线看不到更新”）",{"type":28,"tag":29,"props":1233,"children":1234},{},[1235],{"type":33,"value":1236},"常见现象：你更新了页面，别人打开还是旧的。",{"type":28,"tag":29,"props":1238,"children":1239},{},[1240],{"type":33,"value":1241},"最小策略：",{"type":28,"tag":36,"props":1243,"children":1244},{},[1245,1250],{"type":28,"tag":40,"props":1246,"children":1247},{},[1248],{"type":33,"value":1249},"HTML 页面缓存短（或让平台自动处理）",{"type":28,"tag":40,"props":1251,"children":1252},{},[1253],{"type":33,"value":1254},"图片/JS/CSS 资源缓存长（文件名带 hash 更稳）",{"type":28,"tag":272,"props":1256,"children":1258},{"id":1257},"step-6回滚不是可选项",[1259],{"type":33,"value":1260},"Step 6：回滚（不是可选项）",{"type":28,"tag":29,"props":1262,"children":1263},{},[1264],{"type":33,"value":1265},"上线后任何一次修改都要具备回滚：",{"type":28,"tag":36,"props":1267,"children":1268},{},[1269,1274],{"type":28,"tag":40,"props":1270,"children":1271},{},[1272],{"type":33,"value":1273},"平台版本回滚",{"type":28,"tag":40,"props":1275,"children":1276},{},[1277],{"type":33,"value":1278},"或 git 回滚",{"type":28,"tag":29,"props":1280,"children":1281},{},[1282],{"type":33,"value":1283},"你要做到：5 分钟内回到上一个可用版本。",{"type":28,"tag":1008,"props":1285,"children":1286},{},[],{"type":28,"tag":80,"props":1288,"children":1290},{"id":1289},"seo-与性能最小集别让免费方案拖后腿",[1291],{"type":33,"value":1292},"SEO 与性能最小集（别让免费方案拖后腿）",{"type":28,"tag":272,"props":1294,"children":1296},{"id":1295},"seo-最小集",[1297],{"type":33,"value":1298},"SEO 最小集",{"type":28,"tag":36,"props":1300,"children":1301},{},[1302,1307,1312,1317],{"type":28,"tag":40,"props":1303,"children":1304},{},[1305],{"type":33,"value":1306},"Title/Description 与搜索意图匹配",{"type":28,"tag":40,"props":1308,"children":1309},{},[1310],{"type":33,"value":1311},"H1 只有一个且包含主关键词",{"type":28,"tag":40,"props":1313,"children":1314},{},[1315],{"type":33,"value":1316},"图片有 alt",{"type":28,"tag":40,"props":1318,"children":1319},{},[1320],{"type":33,"value":1321},"内链结构清楚（同主题文章互链）",{"type":28,"tag":29,"props":1323,"children":1324},{},[1325],{"type":33,"value":1326},"参考：",{"type":28,"tag":36,"props":1328,"children":1329},{},[1330,1339],{"type":28,"tag":40,"props":1331,"children":1332},{},[1333],{"type":28,"tag":872,"props":1334,"children":1336},{"href":1335},"/topics/seo/title-description-optimization-guide",[1337],{"type":33,"value":1338},"Title 与 Description 优化",{"type":28,"tag":40,"props":1340,"children":1341},{},[1342],{"type":28,"tag":872,"props":1343,"children":1345},{"href":1344},"/topics/seo/google-search-console-guide",[1346],{"type":33,"value":1347},"Google Search Console 指南",{"type":28,"tag":272,"props":1349,"children":1351},{"id":1350},"性能最小集",[1352],{"type":33,"value":1350},{"type":28,"tag":36,"props":1354,"children":1355},{},[1356,1361],{"type":28,"tag":40,"props":1357,"children":1358},{},[1359],{"type":33,"value":1360},"首屏图片压缩（通常能改善最多）",{"type":28,"tag":40,"props":1362,"children":1363},{},[1364],{"type":33,"value":1365},"第三方脚本克制（统计/客服不要堆）",{"type":28,"tag":29,"props":1367,"children":1368},{},[1369],{"type":33,"value":1326},{"type":28,"tag":36,"props":1371,"children":1372},{},[1373,1382],{"type":28,"tag":40,"props":1374,"children":1375},{},[1376],{"type":28,"tag":872,"props":1377,"children":1379},{"href":1378},"/topics/performance/image-optimization-guide",[1380],{"type":33,"value":1381},"图片优化指南",{"type":28,"tag":40,"props":1383,"children":1384},{},[1385],{"type":28,"tag":872,"props":1386,"children":1388},{"href":1387},"/topics/performance/web-vitals-guide",[1389],{"type":33,"value":1390},"Web Vitals 指标指南",{"type":28,"tag":1008,"props":1392,"children":1393},{},[],{"type":28,"tag":80,"props":1395,"children":1397},{"id":1396},"失败案例免费站点上线后-24-小时翻车",[1398],{"type":33,"value":1399},"失败案例：免费站点“上线后 24 小时翻车”",{"type":28,"tag":272,"props":1401,"children":1403},{"id":1402},"现象-1域名绑不上",[1404],{"type":33,"value":1405},"现象 1：域名绑不上",{"type":28,"tag":29,"props":1407,"children":1408},{},[1409,1413],{"type":28,"tag":69,"props":1410,"children":1411},{},[1412],{"type":33,"value":664},{"type":33,"value":1414},"：DNS 记录不对 / 生效未完成 / 平台验证机制没通过。",{"type":28,"tag":29,"props":1416,"children":1417},{},[1418,1423],{"type":28,"tag":69,"props":1419,"children":1420},{},[1421],{"type":33,"value":1422},"排错顺序",{"type":33,"value":1424},"：",{"type":28,"tag":683,"props":1426,"children":1427},{},[1428,1433,1438],{"type":28,"tag":40,"props":1429,"children":1430},{},[1431],{"type":33,"value":1432},"确认平台要求 CNAME 还是 A 记录",{"type":28,"tag":40,"props":1434,"children":1435},{},[1436],{"type":33,"value":1437},"检查解析是否生效（用在线 DNS 查询）",{"type":28,"tag":40,"props":1439,"children":1440},{},[1441],{"type":33,"value":1442},"等待一段时间再验证",{"type":28,"tag":272,"props":1444,"children":1446},{"id":1445},"现象-2页面很慢",[1447],{"type":33,"value":1448},"现象 2：页面很慢",{"type":28,"tag":29,"props":1450,"children":1451},{},[1452,1456],{"type":28,"tag":69,"props":1453,"children":1454},{},[1455],{"type":33,"value":664},{"type":33,"value":1424},{"type":28,"tag":36,"props":1458,"children":1459},{},[1460,1465,1470],{"type":28,"tag":40,"props":1461,"children":1462},{},[1463],{"type":33,"value":1464},"图片太大",{"type":28,"tag":40,"props":1466,"children":1467},{},[1468],{"type":33,"value":1469},"脚本太多",{"type":28,"tag":40,"props":1471,"children":1472},{},[1473],{"type":33,"value":1474},"字体阻塞",{"type":28,"tag":29,"props":1476,"children":1477},{},[1478,1483],{"type":28,"tag":69,"props":1479,"children":1480},{},[1481],{"type":33,"value":1482},"最小修复",{"type":33,"value":1484},"：先把图片压缩 + 延迟加载第三方脚本。",{"type":28,"tag":272,"props":1486,"children":1488},{"id":1487},"现象-3表单提交后没收到线索",[1489],{"type":33,"value":1490},"现象 3：表单提交后没收到线索",{"type":28,"tag":29,"props":1492,"children":1493},{},[1494,1498],{"type":28,"tag":69,"props":1495,"children":1496},{},[1497],{"type":33,"value":664},{"type":33,"value":1424},{"type":28,"tag":36,"props":1500,"children":1501},{},[1502,1507],{"type":28,"tag":40,"props":1503,"children":1504},{},[1505],{"type":33,"value":1506},"没有成功/失败兜底",{"type":28,"tag":40,"props":1508,"children":1509},{},[1510],{"type":33,"value":1511},"通知链路断了",{"type":28,"tag":29,"props":1513,"children":1514},{},[1515,1519],{"type":28,"tag":69,"props":1516,"children":1517},{},[1518],{"type":33,"value":1482},{"type":33,"value":1520},"：上线后用真实设备提交一次并确认通知。",{"type":28,"tag":1008,"props":1522,"children":1523},{},[],{"type":28,"tag":80,"props":1525,"children":1527},{"id":1526},"上线后-24h-复核清单必交付物",[1528],{"type":33,"value":1529},"上线后 24h 复核清单（必交付物）",{"type":28,"tag":36,"props":1531,"children":1533},{"className":1532},[772],[1534,1543,1552,1561,1570,1579,1588],{"type":28,"tag":40,"props":1535,"children":1537},{"className":1536},[777],[1538,1541],{"type":28,"tag":780,"props":1539,"children":1540},{"disabled":782,"type":783},[],{"type":33,"value":1542}," 域名与 HTTPS 正常（无证书报错）",{"type":28,"tag":40,"props":1544,"children":1546},{"className":1545},[777],[1547,1550],{"type":28,"tag":780,"props":1548,"children":1549},{"disabled":782,"type":783},[],{"type":33,"value":1551}," 页面可访问且首屏加载不慢（至少主图与 CTA 迅速出现）",{"type":28,"tag":40,"props":1553,"children":1555},{"className":1554},[777],[1556,1559],{"type":28,"tag":780,"props":1557,"children":1558},{"disabled":782,"type":783},[],{"type":33,"value":1560}," 移动端首屏可读、按钮可点",{"type":28,"tag":40,"props":1562,"children":1564},{"className":1563},[777],[1565,1568],{"type":28,"tag":780,"props":1566,"children":1567},{"disabled":782,"type":783},[],{"type":33,"value":1569}," 表单/CTA 真实走通并收到通知",{"type":28,"tag":40,"props":1571,"children":1573},{"className":1572},[777],[1574,1577],{"type":28,"tag":780,"props":1575,"children":1576},{"disabled":782,"type":783},[],{"type":33,"value":1578}," Title/Description/H1/图片 alt 已设置",{"type":28,"tag":40,"props":1580,"children":1582},{"className":1581},[777],[1583,1586],{"type":28,"tag":780,"props":1584,"children":1585},{"disabled":782,"type":783},[],{"type":33,"value":1587}," 已在 GSC 提交并观察抓取",{"type":28,"tag":40,"props":1589,"children":1591},{"className":1590},[777],[1592,1595],{"type":28,"tag":780,"props":1593,"children":1594},{"disabled":782,"type":783},[],{"type":33,"value":1596}," 已准备回滚（知道怎么回到上一版）",{"type":28,"tag":1008,"props":1598,"children":1599},{},[],{"type":28,"tag":80,"props":1601,"children":1603},{"id":1602},"延伸阅读",[1604],{"type":33,"value":1602},{"type":28,"tag":36,"props":1606,"children":1607},{},[1608,1615,1624,1633],{"type":28,"tag":40,"props":1609,"children":1610},{},[1611],{"type":28,"tag":872,"props":1612,"children":1613},{"href":1001},[1614],{"type":33,"value":1004},{"type":28,"tag":40,"props":1616,"children":1617},{},[1618],{"type":28,"tag":872,"props":1619,"children":1621},{"href":1620},"/topics/practical-tips/free-website-build-cost-risk-boundary",[1622],{"type":33,"value":1623},"免费建站不是免费：成本与可迁移性",{"type":28,"tag":40,"props":1625,"children":1626},{},[1627],{"type":28,"tag":872,"props":1628,"children":1630},{"href":1629},"/builder",[1631],{"type":33,"value":1632},"HTMLPage Builder",{"type":28,"tag":40,"props":1634,"children":1635},{},[1636],{"type":28,"tag":872,"props":1637,"children":1639},{"href":1638},"/topics/practical-tips/topic-cluster-architecture-guide",[1640],{"type":33,"value":1641},"Topic Cluster 架构指南",{"title":7,"searchDepth":906,"depth":906,"links":1643},[1644,1645,1653,1657,1662,1663],{"id":1013,"depth":909,"text":1016},{"id":1060,"depth":909,"text":1063,"children":1646},[1647,1648,1649,1650,1651,1652],{"id":1066,"depth":906,"text":1069},{"id":1100,"depth":906,"text":1103},{"id":1156,"depth":906,"text":1159},{"id":1185,"depth":906,"text":1188},{"id":1228,"depth":906,"text":1231},{"id":1257,"depth":906,"text":1260},{"id":1289,"depth":909,"text":1292,"children":1654},[1655,1656],{"id":1295,"depth":906,"text":1298},{"id":1350,"depth":906,"text":1350},{"id":1396,"depth":909,"text":1399,"children":1658},[1659,1660,1661],{"id":1402,"depth":906,"text":1405},{"id":1445,"depth":906,"text":1448},{"id":1487,"depth":906,"text":1490},{"id":1526,"depth":909,"text":1529},{"id":1602,"depth":909,"text":1602},"content:topics:practical-tips:online-free-website-builder-step-by-step.md","topics/practical-tips/online-free-website-builder-step-by-step.md","topics/practical-tips/online-free-website-builder-step-by-step",{"_path":1620,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":1668,"description":1669,"date":1670,"topic":5,"author":11,"tags":1671,"image":1675,"imageAlt":1676,"pexelsPhotoId":1677,"pexelsUrl":1678,"readingTime":1679,"body":1680,"_type":936,"_id":2382,"_source":938,"_file":2383,"_stem":2384,"_extension":941},"免费建站不是免费：成本、风险与“可迁移性”底线清单","“免费成网站”最容易踩坑的不是技术，而是资产归属与迁移成本。本文用成本模型、风险清单与失败复盘，讲清免费建站的边界，并给出能长期不被平台锁死的做法。","2026-03-01",[950,951,1672,1673,1674],"成本模型","迁移","风险控制","/images/topics/practical-tips/free-website-build-cost-risk-boundary.jpg","会计在桌面上清点现金与文件",210990,"https://www.pexels.com/photo/accountant-counting-money-210990/",14,{"type":25,"children":1681,"toc":2369},[1682,1687,1700,1711,1716,1747,1750,1756,1761,1774,1779,1814,1819,1828,1831,1837,2005,2008,2014,2019,2050,2055,2077,2082,2104,2107,2113,2123,2133,2151,2156,2174,2182,2190,2199,2217,2220,2226,2231,2264,2269,2286,2289,2295,2300,2318,2323,2331,2334,2338],{"type":28,"tag":29,"props":1683,"children":1684},{},[1685],{"type":33,"value":1686},"很多人搜“免费成网站”，真实诉求往往是：",{"type":28,"tag":36,"props":1688,"children":1689},{},[1690,1695],{"type":28,"tag":40,"props":1691,"children":1692},{},[1693],{"type":33,"value":1694},"我只想先把网站做出来，不想投入太多",{"type":28,"tag":40,"props":1696,"children":1697},{},[1698],{"type":33,"value":1699},"之后如果有效，我再升级",{"type":28,"tag":29,"props":1701,"children":1702},{},[1703,1705,1710],{"type":33,"value":1704},"问题在于：",{"type":28,"tag":69,"props":1706,"children":1707},{},[1708],{"type":33,"value":1709},"免费方案常常不是“省钱”，而是“把钱推迟到未来更贵的时候付”",{"type":33,"value":1006},{"type":28,"tag":29,"props":1712,"children":1713},{},[1714],{"type":33,"value":1715},"这篇文章用工程视角讲清三个核心点：",{"type":28,"tag":683,"props":1717,"children":1718},{},[1719,1731,1742],{"type":28,"tag":40,"props":1720,"children":1721},{},[1722,1724,1729],{"type":33,"value":1723},"免费建站的",{"type":28,"tag":69,"props":1725,"children":1726},{},[1727],{"type":33,"value":1728},"真实成本",{"type":33,"value":1730},"在哪里（不是服务器费）",{"type":28,"tag":40,"props":1732,"children":1733},{},[1734,1735,1740],{"type":33,"value":1723},{"type":28,"tag":69,"props":1736,"children":1737},{},[1738],{"type":33,"value":1739},"底线与边界",{"type":33,"value":1741},"是什么（哪些不能省）",{"type":28,"tag":40,"props":1743,"children":1744},{},[1745],{"type":33,"value":1746},"如何设计一条“先免费、后可迁移”的路线（避免平台锁死）",{"type":28,"tag":1008,"props":1748,"children":1749},{},[],{"type":28,"tag":80,"props":1751,"children":1753},{"id":1752},"结论先说免费方案的第一原则是可迁移性",[1754],{"type":33,"value":1755},"结论先说：免费方案的第一原则是“可迁移性”",{"type":28,"tag":29,"props":1757,"children":1758},{},[1759],{"type":33,"value":1760},"免费建站你可以接受：",{"type":28,"tag":36,"props":1762,"children":1763},{},[1764,1769],{"type":28,"tag":40,"props":1765,"children":1766},{},[1767],{"type":33,"value":1768},"功能少一点",{"type":28,"tag":40,"props":1770,"children":1771},{},[1772],{"type":33,"value":1773},"设计没那么个性化",{"type":28,"tag":29,"props":1775,"children":1776},{},[1777],{"type":33,"value":1778},"但你不能接受：",{"type":28,"tag":36,"props":1780,"children":1781},{},[1782,1790,1798,1806],{"type":28,"tag":40,"props":1783,"children":1784},{},[1785],{"type":28,"tag":69,"props":1786,"children":1787},{},[1788],{"type":33,"value":1789},"域名不在你手里",{"type":28,"tag":40,"props":1791,"children":1792},{},[1793],{"type":28,"tag":69,"props":1794,"children":1795},{},[1796],{"type":33,"value":1797},"源码/内容导不出来",{"type":28,"tag":40,"props":1799,"children":1800},{},[1801],{"type":28,"tag":69,"props":1802,"children":1803},{},[1804],{"type":33,"value":1805},"没有版本/回滚",{"type":28,"tag":40,"props":1807,"children":1808},{},[1809],{"type":28,"tag":69,"props":1810,"children":1811},{},[1812],{"type":33,"value":1813},"平台一改规则你就被迫重做",{"type":28,"tag":29,"props":1815,"children":1816},{},[1817],{"type":33,"value":1818},"如果你只记一句：",{"type":28,"tag":1820,"props":1821,"children":1822},"blockquote",{},[1823],{"type":28,"tag":29,"props":1824,"children":1825},{},[1826],{"type":33,"value":1827},"你要免费的是“工具费”，不是“资产控制权”。",{"type":28,"tag":1008,"props":1829,"children":1830},{},[],{"type":28,"tag":80,"props":1832,"children":1834},{"id":1833},"成本模型免费建站到底会花什么钱必交付物表格",[1835],{"type":33,"value":1836},"成本模型：免费建站到底会花什么钱？（必交付物：表格）",{"type":28,"tag":87,"props":1838,"children":1839},{},[1840,1866],{"type":28,"tag":91,"props":1841,"children":1842},{},[1843],{"type":28,"tag":95,"props":1844,"children":1845},{},[1846,1851,1856,1861],{"type":28,"tag":99,"props":1847,"children":1848},{},[1849],{"type":33,"value":1850},"成本项",{"type":28,"tag":99,"props":1852,"children":1853},{},[1854],{"type":33,"value":1855},"免费方案常见情况",{"type":28,"tag":99,"props":1857,"children":1858},{},[1859],{"type":33,"value":1860},"你可能付出的隐性成本",{"type":28,"tag":99,"props":1862,"children":1863},{},[1864],{"type":33,"value":1865},"规避策略",{"type":28,"tag":120,"props":1867,"children":1868},{},[1869,1891,1913,1936,1959,1982],{"type":28,"tag":95,"props":1870,"children":1871},{},[1872,1876,1881,1886],{"type":28,"tag":127,"props":1873,"children":1874},{},[1875],{"type":33,"value":952},{"type":28,"tag":127,"props":1877,"children":1878},{},[1879],{"type":33,"value":1880},"可能必须用子域名",{"type":28,"tag":127,"props":1882,"children":1883},{},[1884],{"type":33,"value":1885},"品牌弱、迁移困难",{"type":28,"tag":127,"props":1887,"children":1888},{},[1889],{"type":33,"value":1890},"自己买域名并保有控制权",{"type":28,"tag":95,"props":1892,"children":1893},{},[1894,1898,1903,1908],{"type":28,"tag":127,"props":1895,"children":1896},{},[1897],{"type":33,"value":1673},{"type":28,"tag":127,"props":1899,"children":1900},{},[1901],{"type":33,"value":1902},"导出受限/导出质量差",{"type":28,"tag":127,"props":1904,"children":1905},{},[1906],{"type":33,"value":1907},"未来重做、SEO 损失",{"type":28,"tag":127,"props":1909,"children":1910},{},[1911],{"type":33,"value":1912},"选择可导出、结构可控方案",{"type":28,"tag":95,"props":1914,"children":1915},{},[1916,1921,1926,1931],{"type":28,"tag":127,"props":1917,"children":1918},{},[1919],{"type":33,"value":1920},"性能",{"type":28,"tag":127,"props":1922,"children":1923},{},[1924],{"type":33,"value":1925},"共享资源，速度不稳",{"type":28,"tag":127,"props":1927,"children":1928},{},[1929],{"type":33,"value":1930},"转化下降、SEO 受影响",{"type":28,"tag":127,"props":1932,"children":1933},{},[1934],{"type":33,"value":1935},"图片/脚本治理 + 可切换托管",{"type":28,"tag":95,"props":1937,"children":1938},{},[1939,1944,1949,1954],{"type":28,"tag":127,"props":1940,"children":1941},{},[1942],{"type":33,"value":1943},"SEO",{"type":28,"tag":127,"props":1945,"children":1946},{},[1947],{"type":33,"value":1948},"meta、结构化数据受限",{"type":28,"tag":127,"props":1950,"children":1951},{},[1952],{"type":33,"value":1953},"排名与收录受限",{"type":28,"tag":127,"props":1955,"children":1956},{},[1957],{"type":33,"value":1958},"至少保证 Title/Description/H1/H2 可控",{"type":28,"tag":95,"props":1960,"children":1961},{},[1962,1967,1972,1977],{"type":28,"tag":127,"props":1963,"children":1964},{},[1965],{"type":33,"value":1966},"合规",{"type":28,"tag":127,"props":1968,"children":1969},{},[1970],{"type":33,"value":1971},"隐私/备案/Cookie 管控弱",{"type":28,"tag":127,"props":1973,"children":1974},{},[1975],{"type":33,"value":1976},"风险与整改",{"type":28,"tag":127,"props":1978,"children":1979},{},[1980],{"type":33,"value":1981},"保留隐私政策与联系信息",{"type":28,"tag":95,"props":1983,"children":1984},{},[1985,1990,1995,2000],{"type":28,"tag":127,"props":1986,"children":1987},{},[1988],{"type":33,"value":1989},"协作",{"type":28,"tag":127,"props":1991,"children":1992},{},[1993],{"type":33,"value":1994},"多人编辑权限弱",{"type":28,"tag":127,"props":1996,"children":1997},{},[1998],{"type":33,"value":1999},"改动混乱、事故",{"type":28,"tag":127,"props":2001,"children":2002},{},[2003],{"type":33,"value":2004},"最低限度要有版本/回滚",{"type":28,"tag":1008,"props":2006,"children":2007},{},[],{"type":28,"tag":80,"props":2009,"children":2011},{"id":2010},"免费建站的底线清单checklist",[2012],{"type":33,"value":2013},"免费建站的“底线清单”（Checklist）",{"type":28,"tag":272,"props":2015,"children":2017},{"id":2016},"资产底线",[2018],{"type":33,"value":2016},{"type":28,"tag":36,"props":2020,"children":2022},{"className":2021},[772],[2023,2032,2041],{"type":28,"tag":40,"props":2024,"children":2026},{"className":2025},[777],[2027,2030],{"type":28,"tag":780,"props":2028,"children":2029},{"disabled":782,"type":783},[],{"type":33,"value":2031}," 域名在你手里（能随时换平台）",{"type":28,"tag":40,"props":2033,"children":2035},{"className":2034},[777],[2036,2039],{"type":28,"tag":780,"props":2037,"children":2038},{"disabled":782,"type":783},[],{"type":33,"value":2040}," 内容能导出（文章、图片、表单数据至少能拿到）",{"type":28,"tag":40,"props":2042,"children":2044},{"className":2043},[777],[2045,2048],{"type":28,"tag":780,"props":2046,"children":2047},{"disabled":782,"type":783},[],{"type":33,"value":2049}," 页面源码可导出或至少结构可迁移（不要被锁死）",{"type":28,"tag":272,"props":2051,"children":2053},{"id":2052},"工程底线",[2054],{"type":33,"value":2052},{"type":28,"tag":36,"props":2056,"children":2058},{"className":2057},[772],[2059,2068],{"type":28,"tag":40,"props":2060,"children":2062},{"className":2061},[777],[2063,2066],{"type":28,"tag":780,"props":2064,"children":2065},{"disabled":782,"type":783},[],{"type":33,"value":2067}," 有版本记录（能回到上一个可用版本）",{"type":28,"tag":40,"props":2069,"children":2071},{"className":2070},[777],[2072,2075],{"type":28,"tag":780,"props":2073,"children":2074},{"disabled":782,"type":783},[],{"type":33,"value":2076}," 有最小监控（至少知道表单是否成功、页面是否 404）",{"type":28,"tag":272,"props":2078,"children":2080},{"id":2079},"增长底线",[2081],{"type":33,"value":2079},{"type":28,"tag":36,"props":2083,"children":2085},{"className":2084},[772],[2086,2095],{"type":28,"tag":40,"props":2087,"children":2089},{"className":2088},[777],[2090,2093],{"type":28,"tag":780,"props":2091,"children":2092},{"disabled":782,"type":783},[],{"type":33,"value":2094}," Title/Description/H1 可控（不被平台强插）",{"type":28,"tag":40,"props":2096,"children":2098},{"className":2097},[777],[2099,2102],{"type":28,"tag":780,"props":2100,"children":2101},{"disabled":782,"type":783},[],{"type":33,"value":2103}," 图片可设置 alt、链接结构清晰",{"type":28,"tag":1008,"props":2105,"children":2106},{},[],{"type":28,"tag":80,"props":2108,"children":2110},{"id":2109},"失败案例复盘从免费试试到重做一遍",[2111],{"type":33,"value":2112},"失败案例复盘：从“免费试试”到“重做一遍”",{"type":28,"tag":29,"props":2114,"children":2115},{},[2116,2121],{"type":28,"tag":69,"props":2117,"children":2118},{},[2119],{"type":33,"value":2120},"场景",{"type":33,"value":2122},"：你用免费平台搭了一个网站，跑了两个月开始有询盘。",{"type":28,"tag":29,"props":2124,"children":2125},{},[2126,2131],{"type":28,"tag":69,"props":2127,"children":2128},{},[2129],{"type":33,"value":2130},"事故",{"type":33,"value":2132},"：某天你决定升级：",{"type":28,"tag":36,"props":2134,"children":2135},{},[2136,2141,2146],{"type":28,"tag":40,"props":2137,"children":2138},{},[2139],{"type":33,"value":2140},"想换成自己的域名",{"type":28,"tag":40,"props":2142,"children":2143},{},[2144],{"type":33,"value":2145},"想把页面做得更快",{"type":28,"tag":40,"props":2147,"children":2148},{},[2149],{"type":33,"value":2150},"想做 SEO 内容体系",{"type":28,"tag":29,"props":2152,"children":2153},{},[2154],{"type":33,"value":2155},"然后你发现：",{"type":28,"tag":36,"props":2157,"children":2158},{},[2159,2164,2169],{"type":28,"tag":40,"props":2160,"children":2161},{},[2162],{"type":33,"value":2163},"导出不了源码（或导出代码质量差到不可维护）",{"type":28,"tag":40,"props":2165,"children":2166},{},[2167],{"type":33,"value":2168},"URL 结构变化，旧链接全部失效",{"type":28,"tag":40,"props":2170,"children":2171},{},[2172],{"type":33,"value":2173},"图片与资源散落在平台里，迁移成本爆炸",{"type":28,"tag":29,"props":2175,"children":2176},{},[2177,2181],{"type":28,"tag":69,"props":2178,"children":2179},{},[2180],{"type":33,"value":664},{"type":33,"value":1424},{"type":28,"tag":36,"props":2183,"children":2184},{},[2185],{"type":28,"tag":40,"props":2186,"children":2187},{},[2188],{"type":33,"value":2189},"一开始没有把“可迁移性”当成第一目标",{"type":28,"tag":29,"props":2191,"children":2192},{},[2193,2198],{"type":28,"tag":69,"props":2194,"children":2195},{},[2196],{"type":33,"value":2197},"复盘后的正确做法",{"type":33,"value":1424},{"type":28,"tag":36,"props":2200,"children":2201},{},[2202,2207,2212],{"type":28,"tag":40,"props":2203,"children":2204},{},[2205],{"type":33,"value":2206},"从第一天开始就用自己的域名",{"type":28,"tag":40,"props":2208,"children":2209},{},[2210],{"type":33,"value":2211},"所有内容（文案、图片、下载附件）集中管理，可打包",{"type":28,"tag":40,"props":2213,"children":2214},{},[2215],{"type":33,"value":2216},"选择能导出源码/能自托管的方案（或至少保留结构化内容）",{"type":28,"tag":1008,"props":2218,"children":2219},{},[],{"type":28,"tag":80,"props":2221,"children":2223},{"id":2222},"先免费后升级的路线图最短可迁移路径",[2224],{"type":33,"value":2225},"“先免费后升级”的路线图（最短可迁移路径）",{"type":28,"tag":29,"props":2227,"children":2228},{},[2229],{"type":33,"value":2230},"你可以按这条路线走：",{"type":28,"tag":683,"props":2232,"children":2233},{},[2234,2244,2254],{"type":28,"tag":40,"props":2235,"children":2236},{},[2237,2242],{"type":28,"tag":69,"props":2238,"children":2239},{},[2240],{"type":33,"value":2241},"第一阶段（验证）",{"type":33,"value":2243},"：用模板/Builder 快速上线，目标是验证转化",{"type":28,"tag":40,"props":2245,"children":2246},{},[2247,2252],{"type":28,"tag":69,"props":2248,"children":2249},{},[2250],{"type":33,"value":2251},"第二阶段（稳定）",{"type":33,"value":2253},"：把域名、内容、表单链路做“可控与可回滚”",{"type":28,"tag":40,"props":2255,"children":2256},{},[2257,2262],{"type":28,"tag":69,"props":2258,"children":2259},{},[2260],{"type":33,"value":2261},"第三阶段（增长）",{"type":33,"value":2263},"：做内容体系、内链、SEO、性能优化",{"type":28,"tag":29,"props":2265,"children":2266},{},[2267],{"type":33,"value":2268},"在工具选择上，如果你希望“上线快 + 后续可维护”，可以先看：",{"type":28,"tag":36,"props":2270,"children":2271},{},[2272,2279],{"type":28,"tag":40,"props":2273,"children":2274},{},[2275],{"type":28,"tag":872,"props":2276,"children":2277},{"href":1629},[2278],{"type":33,"value":1632},{"type":28,"tag":40,"props":2280,"children":2281},{},[2282],{"type":28,"tag":872,"props":2283,"children":2284},{"href":1149},[2285],{"type":33,"value":1152},{"type":28,"tag":1008,"props":2287,"children":2288},{},[],{"type":28,"tag":80,"props":2290,"children":2292},{"id":2291},"你真正需要的不是免费而是低风险试错",[2293],{"type":33,"value":2294},"你真正需要的不是“免费”，而是“低风险试错”",{"type":28,"tag":29,"props":2296,"children":2297},{},[2298],{"type":33,"value":2299},"当你说“免费”，你其实想要的是：",{"type":28,"tag":36,"props":2301,"children":2302},{},[2303,2308,2313],{"type":28,"tag":40,"props":2304,"children":2305},{},[2306],{"type":33,"value":2307},"快速上线",{"type":28,"tag":40,"props":2309,"children":2310},{},[2311],{"type":33,"value":2312},"成本可控",{"type":28,"tag":40,"props":2314,"children":2315},{},[2316],{"type":33,"value":2317},"如果失败，损失可接受",{"type":28,"tag":29,"props":2319,"children":2320},{},[2321],{"type":33,"value":2322},"正确的表达应该是：",{"type":28,"tag":1820,"props":2324,"children":2325},{},[2326],{"type":28,"tag":29,"props":2327,"children":2328},{},[2329],{"type":33,"value":2330},"我要的是“可迁移的 MVP”，而不是“永远免费的平台”。",{"type":28,"tag":1008,"props":2332,"children":2333},{},[],{"type":28,"tag":80,"props":2335,"children":2336},{"id":1602},[2337],{"type":33,"value":1602},{"type":28,"tag":36,"props":2339,"children":2340},{},[2341,2348,2355,2362],{"type":28,"tag":40,"props":2342,"children":2343},{},[2344],{"type":28,"tag":872,"props":2345,"children":2346},{"href":1001},[2347],{"type":33,"value":1004},{"type":28,"tag":40,"props":2349,"children":2350},{},[2351],{"type":28,"tag":872,"props":2352,"children":2353},{"href":1629},[2354],{"type":33,"value":1632},{"type":28,"tag":40,"props":2356,"children":2357},{},[2358],{"type":28,"tag":872,"props":2359,"children":2360},{"href":1638},[2361],{"type":33,"value":1641},{"type":28,"tag":40,"props":2363,"children":2364},{},[2365],{"type":28,"tag":872,"props":2366,"children":2367},{"href":1344},[2368],{"type":33,"value":1347},{"title":7,"searchDepth":906,"depth":906,"links":2370},[2371,2372,2373,2378,2379,2380,2381],{"id":1752,"depth":909,"text":1755},{"id":1833,"depth":909,"text":1836},{"id":2010,"depth":909,"text":2013,"children":2374},[2375,2376,2377],{"id":2016,"depth":906,"text":2016},{"id":2052,"depth":906,"text":2052},{"id":2079,"depth":906,"text":2079},{"id":2109,"depth":909,"text":2112},{"id":2222,"depth":909,"text":2225},{"id":2291,"depth":909,"text":2294},{"id":1602,"depth":909,"text":1602},"content:topics:practical-tips:free-website-build-cost-risk-boundary.md","topics/practical-tips/free-website-build-cost-risk-boundary.md","topics/practical-tips/free-website-build-cost-risk-boundary",{"_path":1001,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":2386,"description":2387,"date":1670,"topic":5,"author":11,"tags":2388,"image":2391,"imageAlt":2392,"pexelsPhotoId":2393,"pexelsUrl":2394,"readingTime":2395,"body":2396,"_type":936,"_id":3308,"_source":938,"_file":3309,"_stem":3310,"_extension":941},"网页制作从 0 到上线：模板/编辑器/框架怎么选？（域名、HTTPS、缓存、回滚）","一篇把“网页制作”从选工具到上线发布讲完整的实战指南：路径选择矩阵、最短上线流程、免费方案边界、SEO/性能最小集、以及最常见翻车复盘与检查清单。",[951,2389,952,2390,1943],"建站","HTTPS","/images/topics/practical-tips/webpage-making-from-zero-to-online.jpg","电脑屏幕上展示代码与开发环境",574069,"https://www.pexels.com/photo/laptop-computer-showing-c-application-574069/",16,{"type":25,"children":2397,"toc":3284},[2398,2403,2426,2437,2440,2446,2451,2494,2499,2502,2508,2632,2637,2645,2668,2671,2677,2683,2701,2706,2712,2717,2755,2765,2771,2776,2794,2804,2810,2815,2833,2838,2856,2859,2865,2869,2901,2906,2923,2927,2945,2949,2966,2969,2975,2981,2991,3000,3018,3026,3044,3050,3058,3076,3086,3092,3100,3118,3127,3130,3136,3142,3200,3206,3246,3249,3253],{"type":28,"tag":29,"props":2399,"children":2400},{},[2401],{"type":33,"value":2402},"如果你搜索“网页制作”，你通常不是想学一堆名词，而是想尽快得到一个结果：",{"type":28,"tag":36,"props":2404,"children":2405},{},[2406,2411,2416,2421],{"type":28,"tag":40,"props":2407,"children":2408},{},[2409],{"type":33,"value":2410},"有一个能打开的网页链接",{"type":28,"tag":40,"props":2412,"children":2413},{},[2414],{"type":33,"value":2415},"看起来不丑（至少不土）",{"type":28,"tag":40,"props":2417,"children":2418},{},[2419],{"type":33,"value":2420},"能在手机上正常显示",{"type":28,"tag":40,"props":2422,"children":2423},{},[2424],{"type":33,"value":2425},"上线后能改、能维护、最好还能被搜索到",{"type":28,"tag":29,"props":2427,"children":2428},{},[2429,2431,2436],{"type":33,"value":2430},"这篇文章按“交付”来讲：",{"type":28,"tag":69,"props":2432,"children":2433},{},[2434],{"type":33,"value":2435},"你需要做哪些决策、每一步怎么走、哪里最容易翻车",{"type":33,"value":1006},{"type":28,"tag":1008,"props":2438,"children":2439},{},[],{"type":28,"tag":80,"props":2441,"children":2443},{"id":2442},"结论先说先选路径再选工具",[2444],{"type":33,"value":2445},"结论先说：先选路径，再选工具",{"type":28,"tag":29,"props":2447,"children":2448},{},[2449],{"type":33,"value":2450},"网页制作常见有四条路径：",{"type":28,"tag":683,"props":2452,"children":2453},{},[2454,2464,2474,2484],{"type":28,"tag":40,"props":2455,"children":2456},{},[2457,2462],{"type":28,"tag":69,"props":2458,"children":2459},{},[2460],{"type":33,"value":2461},"套模板",{"type":33,"value":2463},"：最快，适合一次性活动页/企业展示页",{"type":28,"tag":40,"props":2465,"children":2466},{},[2467,2472],{"type":28,"tag":69,"props":2468,"children":2469},{},[2470],{"type":33,"value":2471},"在线编辑器（代码游乐场）",{"type":33,"value":2473},"：适合测试片段，不适合完整站",{"type":28,"tag":40,"props":2475,"children":2476},{},[2477,2482],{"type":28,"tag":69,"props":2478,"children":2479},{},[2480],{"type":33,"value":2481},"可视化编辑器 / 网站 Builder",{"type":33,"value":2483},"：适合非开发者或需要快速产出的团队",{"type":28,"tag":40,"props":2485,"children":2486},{},[2487,2492],{"type":28,"tag":69,"props":2488,"children":2489},{},[2490],{"type":33,"value":2491},"框架开发（Vue/Nuxt/React）",{"type":33,"value":2493},"：适合复杂交互/长期维护/有工程团队",{"type":28,"tag":29,"props":2495,"children":2496},{},[2497],{"type":33,"value":2498},"你不需要从第 4 条开始。",{"type":28,"tag":1008,"props":2500,"children":2501},{},[],{"type":28,"tag":80,"props":2503,"children":2505},{"id":2504},"路径选择矩阵必交付物对比表",[2506],{"type":33,"value":2507},"路径选择矩阵（必交付物：对比表）",{"type":28,"tag":87,"props":2509,"children":2510},{},[2511,2537],{"type":28,"tag":91,"props":2512,"children":2513},{},[2514],{"type":28,"tag":95,"props":2515,"children":2516},{},[2517,2522,2527,2532],{"type":28,"tag":99,"props":2518,"children":2519},{},[2520],{"type":33,"value":2521},"你的目标",{"type":28,"tag":99,"props":2523,"children":2524},{},[2525],{"type":33,"value":2526},"更推荐",{"type":28,"tag":99,"props":2528,"children":2529},{},[2530],{"type":33,"value":2531},"你会得到什么",{"type":28,"tag":99,"props":2533,"children":2534},{},[2535],{"type":33,"value":2536},"你要付出的代价",{"type":28,"tag":120,"props":2538,"children":2539},{},[2540,2563,2586,2609],{"type":28,"tag":95,"props":2541,"children":2542},{},[2543,2548,2553,2558],{"type":28,"tag":127,"props":2544,"children":2545},{},[2546],{"type":33,"value":2547},"3 小时内上线一个活动页",{"type":28,"tag":127,"props":2549,"children":2550},{},[2551],{"type":33,"value":2552},"模板 / Builder",{"type":28,"tag":127,"props":2554,"children":2555},{},[2556],{"type":33,"value":2557},"速度最快、最低门槛",{"type":28,"tag":127,"props":2559,"children":2560},{},[2561],{"type":33,"value":2562},"个性化有限、后续二开受限",{"type":28,"tag":95,"props":2564,"children":2565},{},[2566,2571,2576,2581],{"type":28,"tag":127,"props":2567,"children":2568},{},[2569],{"type":33,"value":2570},"多个落地页重复使用",{"type":28,"tag":127,"props":2572,"children":2573},{},[2574],{"type":33,"value":2575},"可视化编辑器 / Builder",{"type":28,"tag":127,"props":2577,"children":2578},{},[2579],{"type":33,"value":2580},"可沉淀组件与版式",{"type":28,"tag":127,"props":2582,"children":2583},{},[2584],{"type":33,"value":2585},"需要建立组件规范与验收",{"type":28,"tag":95,"props":2587,"children":2588},{},[2589,2594,2599,2604],{"type":28,"tag":127,"props":2590,"children":2591},{},[2592],{"type":33,"value":2593},"需要更强 SEO 与内容体系",{"type":28,"tag":127,"props":2595,"children":2596},{},[2597],{"type":33,"value":2598},"内容站（Nuxt/SSG）",{"type":28,"tag":127,"props":2600,"children":2601},{},[2602],{"type":33,"value":2603},"可持续扩展与内链",{"type":28,"tag":127,"props":2605,"children":2606},{},[2607],{"type":33,"value":2608},"初期工程成本更高",{"type":28,"tag":95,"props":2610,"children":2611},{},[2612,2617,2622,2627],{"type":28,"tag":127,"props":2613,"children":2614},{},[2615],{"type":33,"value":2616},"有复杂表单/权限/业务逻辑",{"type":28,"tag":127,"props":2618,"children":2619},{},[2620],{"type":33,"value":2621},"框架开发",{"type":28,"tag":127,"props":2623,"children":2624},{},[2625],{"type":33,"value":2626},"能力最强",{"type":28,"tag":127,"props":2628,"children":2629},{},[2630],{"type":33,"value":2631},"维护成本与团队要求更高",{"type":28,"tag":29,"props":2633,"children":2634},{},[2635],{"type":33,"value":2636},"如果你不确定，优先选择：",{"type":28,"tag":36,"props":2638,"children":2639},{},[2640],{"type":28,"tag":40,"props":2641,"children":2642},{},[2643],{"type":33,"value":2644},"“要能导出源码、能绑定域名、能回滚”的方案",{"type":28,"tag":29,"props":2646,"children":2647},{},[2648,2650,2655,2657,2661,2663,2667],{"type":33,"value":2649},"HTMLPAGE 的定位偏向：",{"type":28,"tag":69,"props":2651,"children":2652},{},[2653],{"type":33,"value":2654},"快速制作并发布可维护页面",{"type":33,"value":2656},"，适合做落地页、活动页、展示页，具体可以先看：",{"type":28,"tag":872,"props":2658,"children":2659},{"href":1629},[2660],{"type":33,"value":1632},{"type":33,"value":2662}," 与实操：",{"type":28,"tag":872,"props":2664,"children":2665},{"href":1149},[2666],{"type":33,"value":1152},{"type":33,"value":1006},{"type":28,"tag":1008,"props":2669,"children":2670},{},[],{"type":28,"tag":80,"props":2672,"children":2674},{"id":2673},"从-0-到上线的最短流程可照抄",[2675],{"type":33,"value":2676},"从 0 到上线的最短流程（可照抄）",{"type":28,"tag":272,"props":2678,"children":2680},{"id":2679},"step-1准备-3-件事别跳过",[2681],{"type":33,"value":2682},"Step 1：准备 3 件事（别跳过）",{"type":28,"tag":36,"props":2684,"children":2685},{},[2686,2691,2696],{"type":28,"tag":40,"props":2687,"children":2688},{},[2689],{"type":33,"value":2690},"页面目标：你希望用户做什么？（提交表单/加微信/购买/预约）",{"type":28,"tag":40,"props":2692,"children":2693},{},[2694],{"type":33,"value":2695},"目标人群：一句话描述（越具体越好）",{"type":28,"tag":40,"props":2697,"children":2698},{},[2699],{"type":33,"value":2700},"核心证据：你凭什么让他信？（案例、数据、资质、评价）",{"type":28,"tag":29,"props":2702,"children":2703},{},[2704],{"type":33,"value":2705},"这三件事决定页面结构，结构决定转化。",{"type":28,"tag":272,"props":2707,"children":2709},{"id":2708},"step-2选模板或起一个最小页面骨架",[2710],{"type":33,"value":2711},"Step 2：选模板或起一个最小页面骨架",{"type":28,"tag":29,"props":2713,"children":2714},{},[2715],{"type":33,"value":2716},"最小骨架（落地页常用）：",{"type":28,"tag":683,"props":2718,"children":2719},{},[2720,2725,2730,2735,2740,2745,2750],{"type":28,"tag":40,"props":2721,"children":2722},{},[2723],{"type":33,"value":2724},"Hero（标题 + 副标题 + CTA）",{"type":28,"tag":40,"props":2726,"children":2727},{},[2728],{"type":33,"value":2729},"Problem / Value（痛点/价值）",{"type":28,"tag":40,"props":2731,"children":2732},{},[2733],{"type":33,"value":2734},"Features（3~6 个要点）",{"type":28,"tag":40,"props":2736,"children":2737},{},[2738],{"type":33,"value":2739},"Proof（案例/评价/数据/Logo）",{"type":28,"tag":40,"props":2741,"children":2742},{},[2743],{"type":33,"value":2744},"FAQ（解决疑虑）",{"type":28,"tag":40,"props":2746,"children":2747},{},[2748],{"type":33,"value":2749},"Form（最终行动）",{"type":28,"tag":40,"props":2751,"children":2752},{},[2753],{"type":33,"value":2754},"Footer（联系方式/备案/隐私）",{"type":28,"tag":29,"props":2756,"children":2757},{},[2758,2760,2764],{"type":33,"value":2759},"如果你要把内容做成体系（SEO + 内链），建议把主题组织成 cluster，可参考：",{"type":28,"tag":872,"props":2761,"children":2762},{"href":1638},[2763],{"type":33,"value":1641},{"type":33,"value":1006},{"type":28,"tag":272,"props":2766,"children":2768},{"id":2767},"step-3域名与-https上线的基础设施",[2769],{"type":33,"value":2770},"Step 3：域名与 HTTPS（上线的基础设施）",{"type":28,"tag":29,"props":2772,"children":2773},{},[2774],{"type":33,"value":2775},"最短路径：",{"type":28,"tag":36,"props":2777,"children":2778},{},[2779,2784,2789],{"type":28,"tag":40,"props":2780,"children":2781},{},[2782],{"type":33,"value":2783},"买域名（你能控制的资产）",{"type":28,"tag":40,"props":2785,"children":2786},{},[2787],{"type":33,"value":2788},"绑定到托管平台（支持 HTTPS）",{"type":28,"tag":40,"props":2790,"children":2791},{},[2792],{"type":33,"value":2793},"开启自动证书（Let’s Encrypt 或平台托管）",{"type":28,"tag":29,"props":2795,"children":2796},{},[2797,2802],{"type":28,"tag":69,"props":2798,"children":2799},{},[2800],{"type":33,"value":2801},"底线",{"type":33,"value":2803},"：不要把域名绑在你无法迁出的平台上。",{"type":28,"tag":272,"props":2805,"children":2807},{"id":2806},"step-4缓存与回滚避免上线即事故",[2808],{"type":33,"value":2809},"Step 4：缓存与回滚（避免“上线即事故”）",{"type":28,"tag":29,"props":2811,"children":2812},{},[2813],{"type":33,"value":2814},"上线后常见事故：",{"type":28,"tag":36,"props":2816,"children":2817},{},[2818,2823,2828],{"type":28,"tag":40,"props":2819,"children":2820},{},[2821],{"type":33,"value":2822},"用户看到旧版本（缓存）",{"type":28,"tag":40,"props":2824,"children":2825},{},[2826],{"type":33,"value":2827},"更新后出现 404（路由/路径变更）",{"type":28,"tag":40,"props":2829,"children":2830},{},[2831],{"type":33,"value":2832},"CSS 错乱（构建产物没同步）",{"type":28,"tag":29,"props":2834,"children":2835},{},[2836],{"type":33,"value":2837},"最低配置：",{"type":28,"tag":36,"props":2839,"children":2840},{},[2841,2846,2851],{"type":28,"tag":40,"props":2842,"children":2843},{},[2844],{"type":33,"value":2845},"关键文件版本化（git 或平台版本）",{"type":28,"tag":40,"props":2847,"children":2848},{},[2849],{"type":33,"value":2850},"能回滚到上一个版本（1 次点击/1 条命令）",{"type":28,"tag":40,"props":2852,"children":2853},{},[2854],{"type":33,"value":2855},"明确缓存策略（HTML 低缓存，静态资源高缓存）",{"type":28,"tag":1008,"props":2857,"children":2858},{},[],{"type":28,"tag":80,"props":2860,"children":2862},{"id":2861},"seo性能最小集不是做-seo而是别丢分",[2863],{"type":33,"value":2864},"SEO/性能最小集（不是“做 SEO”，而是“别丢分”）",{"type":28,"tag":272,"props":2866,"children":2867},{"id":1295},[2868],{"type":33,"value":1298},{"type":28,"tag":36,"props":2870,"children":2871},{},[2872,2877,2882,2896],{"type":28,"tag":40,"props":2873,"children":2874},{},[2875],{"type":33,"value":2876},"页面只有一个 H1，且含主关键词",{"type":28,"tag":40,"props":2878,"children":2879},{},[2880],{"type":33,"value":2881},"Title/Description 与搜索意图匹配（别写成公司 slogan）",{"type":28,"tag":40,"props":2883,"children":2884},{},[2885,2887,2894],{"type":33,"value":2886},"图片有 ",{"type":28,"tag":2888,"props":2889,"children":2891},"code",{"className":2890},[],[2892],{"type":33,"value":2893},"alt",{"type":33,"value":2895},"，链接结构清晰",{"type":28,"tag":40,"props":2897,"children":2898},{},[2899],{"type":33,"value":2900},"有站点地图/可抓取（内容站更重要）",{"type":28,"tag":29,"props":2902,"children":2903},{},[2904],{"type":33,"value":2905},"实操可以看：",{"type":28,"tag":36,"props":2907,"children":2908},{},[2909,2916],{"type":28,"tag":40,"props":2910,"children":2911},{},[2912],{"type":28,"tag":872,"props":2913,"children":2914},{"href":1344},[2915],{"type":33,"value":1347},{"type":28,"tag":40,"props":2917,"children":2918},{},[2919],{"type":28,"tag":872,"props":2920,"children":2921},{"href":1335},[2922],{"type":33,"value":1338},{"type":28,"tag":272,"props":2924,"children":2925},{"id":1350},[2926],{"type":33,"value":1350},{"type":28,"tag":36,"props":2928,"children":2929},{},[2930,2935,2940],{"type":28,"tag":40,"props":2931,"children":2932},{},[2933],{"type":33,"value":2934},"首屏图片压缩与懒加载",{"type":28,"tag":40,"props":2936,"children":2937},{},[2938],{"type":33,"value":2939},"避免首屏引入大量第三方脚本",{"type":28,"tag":40,"props":2941,"children":2942},{},[2943],{"type":33,"value":2944},"关注核心指标：LCP/INP/CLS",{"type":28,"tag":29,"props":2946,"children":2947},{},[2948],{"type":33,"value":1326},{"type":28,"tag":36,"props":2950,"children":2951},{},[2952,2959],{"type":28,"tag":40,"props":2953,"children":2954},{},[2955],{"type":28,"tag":872,"props":2956,"children":2957},{"href":1387},[2958],{"type":33,"value":1390},{"type":28,"tag":40,"props":2960,"children":2961},{},[2962],{"type":28,"tag":872,"props":2963,"children":2964},{"href":1378},[2965],{"type":33,"value":1381},{"type":28,"tag":1008,"props":2967,"children":2968},{},[],{"type":28,"tag":80,"props":2970,"children":2972},{"id":2971},"失败案例复盘上线后搜不到很慢丢线索",[2973],{"type":33,"value":2974},"失败案例复盘：上线后“搜不到/很慢/丢线索”",{"type":28,"tag":272,"props":2976,"children":2978},{"id":2977},"失败-1页面上线了但搜不到",[2979],{"type":33,"value":2980},"失败 1：页面上线了，但搜不到",{"type":28,"tag":29,"props":2982,"children":2983},{},[2984,2989],{"type":28,"tag":69,"props":2985,"children":2986},{},[2987],{"type":33,"value":2988},"信号",{"type":33,"value":2990},"：站点可以访问，但搜索引擎没有收录或排名很差。",{"type":28,"tag":29,"props":2992,"children":2993},{},[2994,2999],{"type":28,"tag":69,"props":2995,"children":2996},{},[2997],{"type":33,"value":2998},"常见根因",{"type":33,"value":1424},{"type":28,"tag":36,"props":3001,"children":3002},{},[3003,3008,3013],{"type":28,"tag":40,"props":3004,"children":3005},{},[3006],{"type":33,"value":3007},"Title/Description 与意图不匹配（CTR 低）",{"type":28,"tag":40,"props":3009,"children":3010},{},[3011],{"type":33,"value":3012},"页面结构混乱，缺少语义化",{"type":28,"tag":40,"props":3014,"children":3015},{},[3016],{"type":33,"value":3017},"robots/canonical/重复页面处理不当（内容站常见）",{"type":28,"tag":29,"props":3019,"children":3020},{},[3021,3025],{"type":28,"tag":69,"props":3022,"children":3023},{},[3024],{"type":33,"value":1482},{"type":33,"value":1424},{"type":28,"tag":36,"props":3027,"children":3028},{},[3029,3034,3039],{"type":28,"tag":40,"props":3030,"children":3031},{},[3032],{"type":33,"value":3033},"用 1 段话写清“这页解决什么问题”并放进标题与首段",{"type":28,"tag":40,"props":3035,"children":3036},{},[3037],{"type":33,"value":3038},"修正标题层级（H1-H2-H3）",{"type":28,"tag":40,"props":3040,"children":3041},{},[3042],{"type":33,"value":3043},"在 GSC 提交并观察覆盖率",{"type":28,"tag":272,"props":3045,"children":3047},{"id":3046},"失败-2页面很慢用户还没看到就走了",[3048],{"type":33,"value":3049},"失败 2：页面很慢，用户还没看到就走了",{"type":28,"tag":29,"props":3051,"children":3052},{},[3053,3057],{"type":28,"tag":69,"props":3054,"children":3055},{},[3056],{"type":33,"value":664},{"type":33,"value":1424},{"type":28,"tag":36,"props":3059,"children":3060},{},[3061,3066,3071],{"type":28,"tag":40,"props":3062,"children":3063},{},[3064],{"type":33,"value":3065},"首屏大图未压缩",{"type":28,"tag":40,"props":3067,"children":3068},{},[3069],{"type":33,"value":3070},"第三方脚本太多（统计、客服、热力图）",{"type":28,"tag":40,"props":3072,"children":3073},{},[3074],{"type":33,"value":3075},"字体加载阻塞",{"type":28,"tag":29,"props":3077,"children":3078},{},[3079,3084],{"type":28,"tag":69,"props":3080,"children":3081},{},[3082],{"type":33,"value":3083},"修复",{"type":33,"value":3085},"：先把图片和脚本处理了，通常就能改善 80%。",{"type":28,"tag":272,"props":3087,"children":3089},{"id":3088},"失败-3表单提交了但线索丢了",[3090],{"type":33,"value":3091},"失败 3：表单提交了，但线索丢了",{"type":28,"tag":29,"props":3093,"children":3094},{},[3095,3099],{"type":28,"tag":69,"props":3096,"children":3097},{},[3098],{"type":33,"value":664},{"type":33,"value":1424},{"type":28,"tag":36,"props":3101,"children":3102},{},[3103,3108,3113],{"type":28,"tag":40,"props":3104,"children":3105},{},[3106],{"type":33,"value":3107},"没有失败兜底（接口失败就丢）",{"type":28,"tag":40,"props":3109,"children":3110},{},[3111],{"type":33,"value":3112},"没有通知链路（邮件/飞书/企业微信）",{"type":28,"tag":40,"props":3114,"children":3115},{},[3116],{"type":33,"value":3117},"没有防刷导致垃圾线索淹没",{"type":28,"tag":29,"props":3119,"children":3120},{},[3121,3125],{"type":28,"tag":69,"props":3122,"children":3123},{},[3124],{"type":33,"value":3083},{"type":33,"value":3126},"：把表单当“系统”，不是一个组件。",{"type":28,"tag":1008,"props":3128,"children":3129},{},[],{"type":28,"tag":80,"props":3131,"children":3133},{"id":3132},"上线-checklist必交付物",[3134],{"type":33,"value":3135},"上线 Checklist（必交付物）",{"type":28,"tag":272,"props":3137,"children":3139},{"id":3138},"上线前必须",[3140],{"type":33,"value":3141},"上线前（必须）",{"type":28,"tag":36,"props":3143,"children":3145},{"className":3144},[772],[3146,3155,3164,3173,3182,3191],{"type":28,"tag":40,"props":3147,"children":3149},{"className":3148},[777],[3150,3153],{"type":28,"tag":780,"props":3151,"children":3152},{"disabled":782,"type":783},[],{"type":33,"value":3154}," 目标明确：用户最终动作是什么（只有一个）",{"type":28,"tag":40,"props":3156,"children":3158},{"className":3157},[777],[3159,3162],{"type":28,"tag":780,"props":3160,"children":3161},{"disabled":782,"type":783},[],{"type":33,"value":3163}," 页面结构完整：Hero/价值/证据/FAQ/表单",{"type":28,"tag":40,"props":3165,"children":3167},{"className":3166},[777],[3168,3171],{"type":28,"tag":780,"props":3169,"children":3170},{"disabled":782,"type":783},[],{"type":33,"value":3172}," 移动端可用：首屏不挤、按钮可点、表单不溢出",{"type":28,"tag":40,"props":3174,"children":3176},{"className":3175},[777],[3177,3180],{"type":28,"tag":780,"props":3178,"children":3179},{"disabled":782,"type":783},[],{"type":33,"value":3181}," SEO 最小集：H1/Title/Description/图片 alt",{"type":28,"tag":40,"props":3183,"children":3185},{"className":3184},[777],[3186,3189],{"type":28,"tag":780,"props":3187,"children":3188},{"disabled":782,"type":783},[],{"type":33,"value":3190}," 性能最小集：首屏图片压缩、脚本克制",{"type":28,"tag":40,"props":3192,"children":3194},{"className":3193},[777],[3195,3198],{"type":28,"tag":780,"props":3196,"children":3197},{"disabled":782,"type":783},[],{"type":33,"value":3199}," 回滚可用：能回到上一个版本",{"type":28,"tag":272,"props":3201,"children":3203},{"id":3202},"上线后-24-小时必须",[3204],{"type":33,"value":3205},"上线后 24 小时（必须）",{"type":28,"tag":36,"props":3207,"children":3209},{"className":3208},[772],[3210,3219,3228,3237],{"type":28,"tag":40,"props":3211,"children":3213},{"className":3212},[777],[3214,3217],{"type":28,"tag":780,"props":3215,"children":3216},{"disabled":782,"type":783},[],{"type":33,"value":3218}," 自己走一遍“提交线索”并确认通知收到",{"type":28,"tag":40,"props":3220,"children":3222},{"className":3221},[777],[3223,3226],{"type":28,"tag":780,"props":3224,"children":3225},{"disabled":782,"type":783},[],{"type":33,"value":3227}," 观察核心指标（LCP/INP/CLS 或至少首屏体验）",{"type":28,"tag":40,"props":3229,"children":3231},{"className":3230},[777],[3232,3235],{"type":28,"tag":780,"props":3233,"children":3234},{"disabled":782,"type":783},[],{"type":33,"value":3236}," GSC 提交并观察覆盖率/抓取",{"type":28,"tag":40,"props":3238,"children":3240},{"className":3239},[777],[3241,3244],{"type":28,"tag":780,"props":3242,"children":3243},{"disabled":782,"type":783},[],{"type":33,"value":3245}," 复盘用户入口（从哪个关键词来、停留多久）",{"type":28,"tag":1008,"props":3247,"children":3248},{},[],{"type":28,"tag":80,"props":3250,"children":3251},{"id":1602},[3252],{"type":33,"value":1602},{"type":28,"tag":36,"props":3254,"children":3255},{},[3256,3263,3270,3277],{"type":28,"tag":40,"props":3257,"children":3258},{},[3259],{"type":28,"tag":872,"props":3260,"children":3261},{"href":1629},[3262],{"type":33,"value":1632},{"type":28,"tag":40,"props":3264,"children":3265},{},[3266],{"type":28,"tag":872,"props":3267,"children":3268},{"href":1149},[3269],{"type":33,"value":1152},{"type":28,"tag":40,"props":3271,"children":3272},{},[3273],{"type":28,"tag":872,"props":3274,"children":3275},{"href":1638},[3276],{"type":33,"value":1641},{"type":28,"tag":40,"props":3278,"children":3279},{},[3280],{"type":28,"tag":872,"props":3281,"children":3282},{"href":1344},[3283],{"type":33,"value":1347},{"title":7,"searchDepth":906,"depth":906,"links":3285},[3286,3287,3288,3294,3298,3303,3307],{"id":2442,"depth":909,"text":2445},{"id":2504,"depth":909,"text":2507},{"id":2673,"depth":909,"text":2676,"children":3289},[3290,3291,3292,3293],{"id":2679,"depth":906,"text":2682},{"id":2708,"depth":906,"text":2711},{"id":2767,"depth":906,"text":2770},{"id":2806,"depth":906,"text":2809},{"id":2861,"depth":909,"text":2864,"children":3295},[3296,3297],{"id":1295,"depth":906,"text":1298},{"id":1350,"depth":906,"text":1350},{"id":2971,"depth":909,"text":2974,"children":3299},[3300,3301,3302],{"id":2977,"depth":906,"text":2980},{"id":3046,"depth":906,"text":3049},{"id":3088,"depth":906,"text":3091},{"id":3132,"depth":909,"text":3135,"children":3304},[3305,3306],{"id":3138,"depth":906,"text":3141},{"id":3202,"depth":906,"text":3205},{"id":1602,"depth":909,"text":1602},"content:topics:practical-tips:webpage-making-from-zero-to-online.md","topics/practical-tips/webpage-making-from-zero-to-online.md","topics/practical-tips/webpage-making-from-zero-to-online",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"topic":5,"author":11,"tags":3312,"image":18,"imageAlt":19,"imageQuery":20,"pexelsPhotoId":21,"pexelsUrl":22,"readingTime":23,"featured":6,"body":3313,"_type":936,"_id":937,"_source":938,"_file":939,"_stem":940,"_extension":941},[13,14,15,16,17],{"type":25,"children":3314,"toc":4019},[3315,3319,3334,3338,3342,3349,3353,3357,3480,3484,3499,3503,3507,3511,3515,3534,3538,3542,3561,3565,3569,3573,3577,3581,3585,3604,3608,3612,3616,3627,3631,3635,3639,3643,3662,3666,3670,3674,3689,3693,3697,3701,3705,3720,3724,3739,3743,3758,3762,3777,3781,3785,3800,3804,3823,3827,3831,3835,3839,3854,3858,3862,3866,3881,3885,3900,3904,3908,3976,3980,3984,3988],{"type":28,"tag":29,"props":3316,"children":3317},{},[3318],{"type":33,"value":34},{"type":28,"tag":36,"props":3320,"children":3321},{},[3322,3326,3330],{"type":28,"tag":40,"props":3323,"children":3324},{},[3325],{"type":33,"value":44},{"type":28,"tag":40,"props":3327,"children":3328},{},[3329],{"type":33,"value":49},{"type":28,"tag":40,"props":3331,"children":3332},{},[3333],{"type":33,"value":54},{"type":28,"tag":29,"props":3335,"children":3336},{},[3337],{"type":33,"value":59},{"type":28,"tag":29,"props":3339,"children":3340},{},[3341],{"type":33,"value":64},{"type":28,"tag":29,"props":3343,"children":3344},{},[3345],{"type":28,"tag":69,"props":3346,"children":3347},{},[3348],{"type":33,"value":73},{"type":28,"tag":29,"props":3350,"children":3351},{},[3352],{"type":33,"value":78},{"type":28,"tag":80,"props":3354,"children":3355},{"id":82},[3356],{"type":33,"value":85},{"type":28,"tag":87,"props":3358,"children":3359},{},[3360,3382],{"type":28,"tag":91,"props":3361,"children":3362},{},[3363],{"type":28,"tag":95,"props":3364,"children":3365},{},[3366,3370,3374,3378],{"type":28,"tag":99,"props":3367,"children":3368},{},[3369],{"type":33,"value":103},{"type":28,"tag":99,"props":3371,"children":3372},{},[3373],{"type":33,"value":108},{"type":28,"tag":99,"props":3375,"children":3376},{},[3377],{"type":33,"value":113},{"type":28,"tag":99,"props":3379,"children":3380},{},[3381],{"type":33,"value":118},{"type":28,"tag":120,"props":3383,"children":3384},{},[3385,3404,3423,3442,3461],{"type":28,"tag":95,"props":3386,"children":3387},{},[3388,3392,3396,3400],{"type":28,"tag":127,"props":3389,"children":3390},{},[3391],{"type":33,"value":131},{"type":28,"tag":127,"props":3393,"children":3394},{},[3395],{"type":33,"value":136},{"type":28,"tag":127,"props":3397,"children":3398},{},[3399],{"type":33,"value":141},{"type":28,"tag":127,"props":3401,"children":3402},{},[3403],{"type":33,"value":146},{"type":28,"tag":95,"props":3405,"children":3406},{},[3407,3411,3415,3419],{"type":28,"tag":127,"props":3408,"children":3409},{},[3410],{"type":33,"value":154},{"type":28,"tag":127,"props":3412,"children":3413},{},[3414],{"type":33,"value":159},{"type":28,"tag":127,"props":3416,"children":3417},{},[3418],{"type":33,"value":136},{"type":28,"tag":127,"props":3420,"children":3421},{},[3422],{"type":33,"value":141},{"type":28,"tag":95,"props":3424,"children":3425},{},[3426,3430,3434,3438],{"type":28,"tag":127,"props":3427,"children":3428},{},[3429],{"type":33,"value":175},{"type":28,"tag":127,"props":3431,"children":3432},{},[3433],{"type":33,"value":159},{"type":28,"tag":127,"props":3435,"children":3436},{},[3437],{"type":33,"value":184},{"type":28,"tag":127,"props":3439,"children":3440},{},[3441],{"type":33,"value":136},{"type":28,"tag":95,"props":3443,"children":3444},{},[3445,3449,3453,3457],{"type":28,"tag":127,"props":3446,"children":3447},{},[3448],{"type":33,"value":196},{"type":28,"tag":127,"props":3450,"children":3451},{},[3452],{"type":33,"value":201},{"type":28,"tag":127,"props":3454,"children":3455},{},[3456],{"type":33,"value":206},{"type":28,"tag":127,"props":3458,"children":3459},{},[3460],{"type":33,"value":206},{"type":28,"tag":95,"props":3462,"children":3463},{},[3464,3468,3472,3476],{"type":28,"tag":127,"props":3465,"children":3466},{},[3467],{"type":33,"value":218},{"type":28,"tag":127,"props":3469,"children":3470},{},[3471],{"type":33,"value":136},{"type":28,"tag":127,"props":3473,"children":3474},{},[3475],{"type":33,"value":227},{"type":28,"tag":127,"props":3477,"children":3478},{},[3479],{"type":33,"value":146},{"type":28,"tag":29,"props":3481,"children":3482},{},[3483],{"type":33,"value":236},{"type":28,"tag":36,"props":3485,"children":3486},{},[3487,3491,3495],{"type":28,"tag":40,"props":3488,"children":3489},{},[3490],{"type":33,"value":244},{"type":28,"tag":40,"props":3492,"children":3493},{},[3494],{"type":33,"value":249},{"type":28,"tag":40,"props":3496,"children":3497},{},[3498],{"type":33,"value":254},{"type":28,"tag":29,"props":3500,"children":3501},{},[3502],{"type":33,"value":259},{"type":28,"tag":80,"props":3504,"children":3505},{"id":262},[3506],{"type":33,"value":265},{"type":28,"tag":29,"props":3508,"children":3509},{},[3510],{"type":33,"value":270},{"type":28,"tag":272,"props":3512,"children":3513},{"id":274},[3514],{"type":33,"value":274},{"type":28,"tag":36,"props":3516,"children":3517},{},[3518,3522,3526,3530],{"type":28,"tag":40,"props":3519,"children":3520},{},[3521],{"type":33,"value":284},{"type":28,"tag":40,"props":3523,"children":3524},{},[3525],{"type":33,"value":289},{"type":28,"tag":40,"props":3527,"children":3528},{},[3529],{"type":33,"value":294},{"type":28,"tag":40,"props":3531,"children":3532},{},[3533],{"type":33,"value":299},{"type":28,"tag":272,"props":3535,"children":3536},{"id":302},[3537],{"type":33,"value":302},{"type":28,"tag":29,"props":3539,"children":3540},{},[3541],{"type":33,"value":309},{"type":28,"tag":36,"props":3543,"children":3544},{},[3545,3549,3553,3557],{"type":28,"tag":40,"props":3546,"children":3547},{},[3548],{"type":33,"value":317},{"type":28,"tag":40,"props":3550,"children":3551},{},[3552],{"type":33,"value":322},{"type":28,"tag":40,"props":3554,"children":3555},{},[3556],{"type":33,"value":327},{"type":28,"tag":40,"props":3558,"children":3559},{},[3560],{"type":33,"value":332},{"type":28,"tag":29,"props":3562,"children":3563},{},[3564],{"type":33,"value":337},{"type":28,"tag":272,"props":3566,"children":3567},{"id":340},[3568],{"type":33,"value":340},{"type":28,"tag":29,"props":3570,"children":3571},{},[3572],{"type":33,"value":347},{"type":28,"tag":80,"props":3574,"children":3575},{"id":350},[3576],{"type":33,"value":353},{"type":28,"tag":29,"props":3578,"children":3579},{},[3580],{"type":33,"value":358},{"type":28,"tag":272,"props":3582,"children":3583},{"id":361},[3584],{"type":33,"value":361},{"type":28,"tag":36,"props":3586,"children":3587},{},[3588,3592,3596,3600],{"type":28,"tag":40,"props":3589,"children":3590},{},[3591],{"type":33,"value":371},{"type":28,"tag":40,"props":3593,"children":3594},{},[3595],{"type":33,"value":376},{"type":28,"tag":40,"props":3597,"children":3598},{},[3599],{"type":33,"value":381},{"type":28,"tag":40,"props":3601,"children":3602},{},[3603],{"type":33,"value":386},{"type":28,"tag":272,"props":3605,"children":3606},{"id":389},[3607],{"type":33,"value":389},{"type":28,"tag":29,"props":3609,"children":3610},{},[3611],{"type":33,"value":396},{"type":28,"tag":29,"props":3613,"children":3614},{},[3615],{"type":33,"value":401},{"type":28,"tag":36,"props":3617,"children":3618},{},[3619,3623],{"type":28,"tag":40,"props":3620,"children":3621},{},[3622],{"type":33,"value":409},{"type":28,"tag":40,"props":3624,"children":3625},{},[3626],{"type":33,"value":414},{"type":28,"tag":29,"props":3628,"children":3629},{},[3630],{"type":33,"value":419},{"type":28,"tag":80,"props":3632,"children":3633},{"id":422},[3634],{"type":33,"value":425},{"type":28,"tag":29,"props":3636,"children":3637},{},[3638],{"type":33,"value":430},{"type":28,"tag":272,"props":3640,"children":3641},{"id":433},[3642],{"type":33,"value":433},{"type":28,"tag":36,"props":3644,"children":3645},{},[3646,3650,3654,3658],{"type":28,"tag":40,"props":3647,"children":3648},{},[3649],{"type":33,"value":443},{"type":28,"tag":40,"props":3651,"children":3652},{},[3653],{"type":33,"value":448},{"type":28,"tag":40,"props":3655,"children":3656},{},[3657],{"type":33,"value":453},{"type":28,"tag":40,"props":3659,"children":3660},{},[3661],{"type":33,"value":458},{"type":28,"tag":272,"props":3663,"children":3664},{"id":461},[3665],{"type":33,"value":464},{"type":28,"tag":29,"props":3667,"children":3668},{},[3669],{"type":33,"value":469},{"type":28,"tag":29,"props":3671,"children":3672},{},[3673],{"type":33,"value":474},{"type":28,"tag":36,"props":3675,"children":3676},{},[3677,3681,3685],{"type":28,"tag":40,"props":3678,"children":3679},{},[3680],{"type":33,"value":482},{"type":28,"tag":40,"props":3682,"children":3683},{},[3684],{"type":33,"value":487},{"type":28,"tag":40,"props":3686,"children":3687},{},[3688],{"type":33,"value":492},{"type":28,"tag":29,"props":3690,"children":3691},{},[3692],{"type":33,"value":497},{"type":28,"tag":80,"props":3694,"children":3695},{"id":500},[3696],{"type":33,"value":503},{"type":28,"tag":29,"props":3698,"children":3699},{},[3700],{"type":33,"value":508},{"type":28,"tag":272,"props":3702,"children":3703},{"id":511},[3704],{"type":33,"value":514},{"type":28,"tag":36,"props":3706,"children":3707},{},[3708,3712,3716],{"type":28,"tag":40,"props":3709,"children":3710},{},[3711],{"type":33,"value":522},{"type":28,"tag":40,"props":3713,"children":3714},{},[3715],{"type":33,"value":527},{"type":28,"tag":40,"props":3717,"children":3718},{},[3719],{"type":33,"value":532},{"type":28,"tag":272,"props":3721,"children":3722},{"id":535},[3723],{"type":33,"value":538},{"type":28,"tag":36,"props":3725,"children":3726},{},[3727,3731,3735],{"type":28,"tag":40,"props":3728,"children":3729},{},[3730],{"type":33,"value":546},{"type":28,"tag":40,"props":3732,"children":3733},{},[3734],{"type":33,"value":551},{"type":28,"tag":40,"props":3736,"children":3737},{},[3738],{"type":33,"value":556},{"type":28,"tag":272,"props":3740,"children":3741},{"id":559},[3742],{"type":33,"value":562},{"type":28,"tag":36,"props":3744,"children":3745},{},[3746,3750,3754],{"type":28,"tag":40,"props":3747,"children":3748},{},[3749],{"type":33,"value":570},{"type":28,"tag":40,"props":3751,"children":3752},{},[3753],{"type":33,"value":575},{"type":28,"tag":40,"props":3755,"children":3756},{},[3757],{"type":33,"value":580},{"type":28,"tag":272,"props":3759,"children":3760},{"id":583},[3761],{"type":33,"value":586},{"type":28,"tag":36,"props":3763,"children":3764},{},[3765,3769,3773],{"type":28,"tag":40,"props":3766,"children":3767},{},[3768],{"type":33,"value":594},{"type":28,"tag":40,"props":3770,"children":3771},{},[3772],{"type":33,"value":599},{"type":28,"tag":40,"props":3774,"children":3775},{},[3776],{"type":33,"value":604},{"type":28,"tag":80,"props":3778,"children":3779},{"id":607},[3780],{"type":33,"value":610},{"type":28,"tag":29,"props":3782,"children":3783},{},[3784],{"type":33,"value":615},{"type":28,"tag":36,"props":3786,"children":3787},{},[3788,3792,3796],{"type":28,"tag":40,"props":3789,"children":3790},{},[3791],{"type":33,"value":623},{"type":28,"tag":40,"props":3793,"children":3794},{},[3795],{"type":33,"value":628},{"type":28,"tag":40,"props":3797,"children":3798},{},[3799],{"type":33,"value":633},{"type":28,"tag":29,"props":3801,"children":3802},{},[3803],{"type":33,"value":638},{"type":28,"tag":36,"props":3805,"children":3806},{},[3807,3811,3815,3819],{"type":28,"tag":40,"props":3808,"children":3809},{},[3810],{"type":33,"value":646},{"type":28,"tag":40,"props":3812,"children":3813},{},[3814],{"type":33,"value":651},{"type":28,"tag":40,"props":3816,"children":3817},{},[3818],{"type":33,"value":656},{"type":28,"tag":40,"props":3820,"children":3821},{},[3822],{"type":33,"value":661},{"type":28,"tag":272,"props":3824,"children":3825},{"id":664},[3826],{"type":33,"value":664},{"type":28,"tag":29,"props":3828,"children":3829},{},[3830],{"type":33,"value":671},{"type":28,"tag":272,"props":3832,"children":3833},{"id":674},[3834],{"type":33,"value":674},{"type":28,"tag":29,"props":3836,"children":3837},{},[3838],{"type":33,"value":681},{"type":28,"tag":683,"props":3840,"children":3841},{},[3842,3846,3850],{"type":28,"tag":40,"props":3843,"children":3844},{},[3845],{"type":33,"value":690},{"type":28,"tag":40,"props":3847,"children":3848},{},[3849],{"type":33,"value":695},{"type":28,"tag":40,"props":3851,"children":3852},{},[3853],{"type":33,"value":700},{"type":28,"tag":29,"props":3855,"children":3856},{},[3857],{"type":33,"value":705},{"type":28,"tag":80,"props":3859,"children":3860},{"id":708},[3861],{"type":33,"value":711},{"type":28,"tag":29,"props":3863,"children":3864},{},[3865],{"type":33,"value":716},{"type":28,"tag":36,"props":3867,"children":3868},{},[3869,3873,3877],{"type":28,"tag":40,"props":3870,"children":3871},{},[3872],{"type":33,"value":724},{"type":28,"tag":40,"props":3874,"children":3875},{},[3876],{"type":33,"value":729},{"type":28,"tag":40,"props":3878,"children":3879},{},[3880],{"type":33,"value":734},{"type":28,"tag":29,"props":3882,"children":3883},{},[3884],{"type":33,"value":739},{"type":28,"tag":36,"props":3886,"children":3887},{},[3888,3892,3896],{"type":28,"tag":40,"props":3889,"children":3890},{},[3891],{"type":33,"value":747},{"type":28,"tag":40,"props":3893,"children":3894},{},[3895],{"type":33,"value":752},{"type":28,"tag":40,"props":3897,"children":3898},{},[3899],{"type":33,"value":757},{"type":28,"tag":29,"props":3901,"children":3902},{},[3903],{"type":33,"value":762},{"type":28,"tag":80,"props":3905,"children":3906},{"id":765},[3907],{"type":33,"value":768},{"type":28,"tag":36,"props":3909,"children":3911},{"className":3910},[772],[3912,3920,3928,3936,3944,3952,3960,3968],{"type":28,"tag":40,"props":3913,"children":3915},{"className":3914},[777],[3916,3919],{"type":28,"tag":780,"props":3917,"children":3918},{"disabled":782,"type":783},[],{"type":33,"value":786},{"type":28,"tag":40,"props":3921,"children":3923},{"className":3922},[777],[3924,3927],{"type":28,"tag":780,"props":3925,"children":3926},{"disabled":782,"type":783},[],{"type":33,"value":795},{"type":28,"tag":40,"props":3929,"children":3931},{"className":3930},[777],[3932,3935],{"type":28,"tag":780,"props":3933,"children":3934},{"disabled":782,"type":783},[],{"type":33,"value":804},{"type":28,"tag":40,"props":3937,"children":3939},{"className":3938},[777],[3940,3943],{"type":28,"tag":780,"props":3941,"children":3942},{"disabled":782,"type":783},[],{"type":33,"value":813},{"type":28,"tag":40,"props":3945,"children":3947},{"className":3946},[777],[3948,3951],{"type":28,"tag":780,"props":3949,"children":3950},{"disabled":782,"type":783},[],{"type":33,"value":822},{"type":28,"tag":40,"props":3953,"children":3955},{"className":3954},[777],[3956,3959],{"type":28,"tag":780,"props":3957,"children":3958},{"disabled":782,"type":783},[],{"type":33,"value":831},{"type":28,"tag":40,"props":3961,"children":3963},{"className":3962},[777],[3964,3967],{"type":28,"tag":780,"props":3965,"children":3966},{"disabled":782,"type":783},[],{"type":33,"value":840},{"type":28,"tag":40,"props":3969,"children":3971},{"className":3970},[777],[3972,3975],{"type":28,"tag":780,"props":3973,"children":3974},{"disabled":782,"type":783},[],{"type":33,"value":849},{"type":28,"tag":80,"props":3977,"children":3978},{"id":852},[3979],{"type":33,"value":852},{"type":28,"tag":29,"props":3981,"children":3982},{},[3983],{"type":33,"value":859},{"type":28,"tag":29,"props":3985,"children":3986},{},[3987],{"type":33,"value":864},{"type":28,"tag":36,"props":3989,"children":3990},{},[3991,3998,4005,4012],{"type":28,"tag":40,"props":3992,"children":3993},{},[3994],{"type":28,"tag":872,"props":3995,"children":3996},{"href":874},[3997],{"type":33,"value":877},{"type":28,"tag":40,"props":3999,"children":4000},{},[4001],{"type":28,"tag":872,"props":4002,"children":4003},{"href":883},[4004],{"type":33,"value":886},{"type":28,"tag":40,"props":4006,"children":4007},{},[4008],{"type":28,"tag":872,"props":4009,"children":4010},{"href":892},[4011],{"type":33,"value":895},{"type":28,"tag":40,"props":4013,"children":4014},{},[4015],{"type":28,"tag":872,"props":4016,"children":4017},{"href":901},[4018],{"type":33,"value":904},{"title":7,"searchDepth":906,"depth":906,"links":4020},[4021,4022,4027,4031,4035,4041,4045,4046,4047],{"id":82,"depth":909,"text":85},{"id":262,"depth":909,"text":265,"children":4023},[4024,4025,4026],{"id":274,"depth":906,"text":274},{"id":302,"depth":906,"text":302},{"id":340,"depth":906,"text":340},{"id":350,"depth":909,"text":353,"children":4028},[4029,4030],{"id":361,"depth":906,"text":361},{"id":389,"depth":906,"text":389},{"id":422,"depth":909,"text":425,"children":4032},[4033,4034],{"id":433,"depth":906,"text":433},{"id":461,"depth":906,"text":464},{"id":500,"depth":909,"text":503,"children":4036},[4037,4038,4039,4040],{"id":511,"depth":906,"text":514},{"id":535,"depth":906,"text":538},{"id":559,"depth":906,"text":562},{"id":583,"depth":906,"text":586},{"id":607,"depth":909,"text":610,"children":4042},[4043,4044],{"id":664,"depth":906,"text":664},{"id":674,"depth":906,"text":674},{"id":708,"depth":909,"text":711},{"id":765,"depth":909,"text":768},{"id":852,"depth":909,"text":852},1775358519369]