[{"data":1,"prerenderedAt":307},["ShallowReactive",2],{"content-/guide/common-scenarios":3,"related-guide":275},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"author":11,"date":12,"category":13,"image":14,"body":15,"_type":269,"_id":270,"_source":271,"_file":272,"_stem":273,"_extension":274},"/guide/common-scenarios","guide",false,"","常见场景","HTMLPAGE 在各种常见场景中的应用","常见场景, 应用案例, 使用场景, HTMLPAGE","HTMLPAGE","2025-11-27","指南","/content-images/guide/guide.jpg",{"type":16,"children":17,"toc":256},"root",[18,25,31,38,45,70,76,99,105,128,134,157,163,186,192,215,221,243,247],{"type":19,"tag":20,"props":21,"children":22},"element","h1",{"id":8},[23],{"type":24,"value":8},"text",{"type":19,"tag":26,"props":27,"children":28},"p",{},[29],{"type":24,"value":30},"了解 HTMLPAGE 在各种常见场景中的应用。",{"type":19,"tag":32,"props":33,"children":35},"h2",{"id":34},"场景列表",[36],{"type":24,"value":37},"📌 场景列表",{"type":19,"tag":39,"props":40,"children":42},"h3",{"id":41},"_1-市场营销",[43],{"type":24,"value":44},"1. 市场营销",{"type":19,"tag":46,"props":47,"children":48},"ul",{},[49,55,60,65],{"type":19,"tag":50,"props":51,"children":52},"li",{},[53],{"type":24,"value":54},"活动落地页",{"type":19,"tag":50,"props":56,"children":57},{},[58],{"type":24,"value":59},"产品发布页",{"type":19,"tag":50,"props":61,"children":62},{},[63],{"type":24,"value":64},"营销推广页",{"type":19,"tag":50,"props":66,"children":67},{},[68],{"type":24,"value":69},"促销活动页",{"type":19,"tag":39,"props":71,"children":73},{"id":72},"_2-企业官网",[74],{"type":24,"value":75},"2. 企业官网",{"type":19,"tag":46,"props":77,"children":78},{},[79,84,89,94],{"type":19,"tag":50,"props":80,"children":81},{},[82],{"type":24,"value":83},"公司首页",{"type":19,"tag":50,"props":85,"children":86},{},[87],{"type":24,"value":88},"产品页面",{"type":19,"tag":50,"props":90,"children":91},{},[92],{"type":24,"value":93},"新闻动态",{"type":19,"tag":50,"props":95,"children":96},{},[97],{"type":24,"value":98},"关于我们",{"type":19,"tag":39,"props":100,"children":102},{"id":101},"_3-个人品牌",[103],{"type":24,"value":104},"3. 个人品牌",{"type":19,"tag":46,"props":106,"children":107},{},[108,113,118,123],{"type":19,"tag":50,"props":109,"children":110},{},[111],{"type":24,"value":112},"作品集网站",{"type":19,"tag":50,"props":114,"children":115},{},[116],{"type":24,"value":117},"个人博客",{"type":19,"tag":50,"props":119,"children":120},{},[121],{"type":24,"value":122},"简历页面",{"type":19,"tag":50,"props":124,"children":125},{},[126],{"type":24,"value":127},"联系页面",{"type":19,"tag":39,"props":129,"children":131},{"id":130},"_4-电商运营",[132],{"type":24,"value":133},"4. 电商运营",{"type":19,"tag":46,"props":135,"children":136},{},[137,142,147,152],{"type":19,"tag":50,"props":138,"children":139},{},[140],{"type":24,"value":141},"商品展示",{"type":19,"tag":50,"props":143,"children":144},{},[145],{"type":24,"value":146},"分类页",{"type":19,"tag":50,"props":148,"children":149},{},[150],{"type":24,"value":151},"营销活动",{"type":19,"tag":50,"props":153,"children":154},{},[155],{"type":24,"value":156},"用户评价",{"type":19,"tag":32,"props":158,"children":160},{"id":159},"快速开始",[161],{"type":24,"value":162},"🎯 快速开始",{"type":19,"tag":46,"props":164,"children":165},{},[166,171,176,181],{"type":19,"tag":50,"props":167,"children":168},{},[169],{"type":24,"value":170},"选择合适场景",{"type":19,"tag":50,"props":172,"children":173},{},[174],{"type":24,"value":175},"查找相关模板",{"type":19,"tag":50,"props":177,"children":178},{},[179],{"type":24,"value":180},"定制内容",{"type":19,"tag":50,"props":182,"children":183},{},[184],{"type":24,"value":185},"发布上线",{"type":19,"tag":32,"props":187,"children":189},{"id":188},"场景指南",[190],{"type":24,"value":191},"💡 场景指南",{"type":19,"tag":46,"props":193,"children":194},{},[195,200,205,210],{"type":19,"tag":50,"props":196,"children":197},{},[198],{"type":24,"value":199},"明确目标",{"type":19,"tag":50,"props":201,"children":202},{},[203],{"type":24,"value":204},"分析用户",{"type":19,"tag":50,"props":206,"children":207},{},[208],{"type":24,"value":209},"设计流程",{"type":19,"tag":50,"props":211,"children":212},{},[213],{"type":24,"value":214},"持续优化",{"type":19,"tag":32,"props":216,"children":218},{"id":217},"相关资源",[219],{"type":24,"value":220},"🔗 相关资源",{"type":19,"tag":46,"props":222,"children":223},{},[224,234],{"type":19,"tag":50,"props":225,"children":226},{},[227],{"type":19,"tag":228,"props":229,"children":231},"a",{"href":230},"/guide/getting-started.md",[232],{"type":24,"value":233},"快速入门",{"type":19,"tag":50,"props":235,"children":236},{},[237],{"type":19,"tag":228,"props":238,"children":240},{"href":239},"/use-cases",[241],{"type":24,"value":242},"使用案例",{"type":19,"tag":244,"props":245,"children":246},"hr",{},[],{"type":19,"tag":26,"props":248,"children":249},{},[250],{"type":19,"tag":251,"props":252,"children":253},"em",{},[254],{"type":24,"value":255},"选择合适的场景方案能事半功倍。",{"title":7,"searchDepth":257,"depth":257,"links":258},3,[259,266,267,268],{"id":34,"depth":260,"text":37,"children":261},2,[262,263,264,265],{"id":41,"depth":257,"text":44},{"id":72,"depth":257,"text":75},{"id":101,"depth":257,"text":104},{"id":130,"depth":257,"text":133},{"id":159,"depth":260,"text":162},{"id":188,"depth":260,"text":191},{"id":217,"depth":260,"text":220},"markdown","content:guide:common-scenarios.md","content","guide/common-scenarios.md","guide/common-scenarios","md",[276,288,299],{"_path":277,"_dir":278,"_draft":6,"_partial":6,"_locale":7,"title":279,"description":280,"keywords":281,"author":11,"date":282,"category":283,"image":284,"_type":269,"_id":285,"_source":271,"_file":286,"_stem":287,"_extension":274},"/blog/accessibility-guidelines","blog","无障碍设计指南","WCAG 标准和无障碍设计最佳实践","无障碍设计指南, Blog, HTMLPAGE","2025-11-26","待分类","/content-images/blog/blog.jpg","content:blog:accessibility-guidelines.md","blog/accessibility-guidelines.md","blog/accessibility-guidelines",{"_path":289,"_dir":278,"_draft":6,"_partial":6,"_locale":7,"title":290,"description":291,"keywords":292,"author":293,"date":294,"category":295,"image":284,"_type":269,"_id":296,"_source":271,"_file":297,"_stem":298,"_extension":274},"/blog/accessible-ux-research-guide","无障碍用户研究完全指南：从规划到实施的每一步","深入了解如何进行包容性的用户体验研究，确保残障用户的声音被听见，让产品真正为所有人而设计","用户研究, 无障碍设计, 包容设计, UX研究, 残障用户, 无障碍访问","HTMLPAGE 内容团队","2025-12-01","无障碍与设计","content:blog:accessible-ux-research-guide.md","blog/accessible-ux-research-guide.md","blog/accessible-ux-research-guide",{"_path":300,"_dir":278,"_draft":6,"_partial":6,"_locale":7,"title":301,"description":302,"keywords":303,"author":11,"date":282,"category":283,"image":284,"_type":269,"_id":304,"_source":271,"_file":305,"_stem":306,"_extension":274},"/blog/react-hooks-guide","React Hooks 实战指南","深入理解 React Hooks，包括 useState、useEffect、自定义 Hooks 等","React Hooks 实战指南, Blog, HTMLPAGE","content:blog:react-hooks-guide.md","blog/react-hooks-guide.md","blog/react-hooks-guide",1774945279515]