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