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