[{"data":1,"prerenderedAt":1585},["ShallowReactive",2],{"content-/guide/template-usage":3,"related-guide":1553},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"schemaType":11,"author":12,"date":13,"image":14,"body":15,"_type":1547,"_id":1548,"_source":1549,"_file":1550,"_stem":1551,"_extension":1552},"/guide/template-usage","guide",false,"","模板使用指南 - 快速应用专业网页模板","了解如何在 HTMLPAGE 中选择、应用和自定义网页模板，快速创建专业网站，节省设计和开发时间。","网页模板, 模板市场, 着陆页模板, 企业官网模板, SaaS 模板, 电商模板","HowTo","HTMLPAGE","2025-11-22","/content-images/guide/guide.jpg",{"type":16,"children":17,"toc":1508},"root",[18,26,32,38,44,53,73,81,99,107,125,133,151,159,177,182,245,250,255,260,312,317,327,347,356,399,408,426,431,437,469,475,504,510,515,543,548,553,562,580,589,621,626,635,660,669,694,699,708,738,747,770,779,797,802,811,836,845,863,868,874,879,970,975,984,1002,1011,1029,1034,1043,1061,1070,1093,1098,1103,1108,1141,1146,1151,1175,1180,1186,1196,1205,1238,1254,1259,1268,1276,1304,1318,1323,1332,1340,1368,1382,1387,1395,1400,1408,1413,1437,1445,1450,1455,1494,1498],{"type":19,"tag":20,"props":21,"children":23},"element","h1",{"id":22},"模板使用指南",[24],{"type":25,"value":22},"text",{"type":19,"tag":27,"props":28,"children":29},"p",{},[30],{"type":25,"value":31},"HTMLPAGE 提供丰富的专业网页模板，帮助你快速启动项目，无需从零开始设计。",{"type":19,"tag":33,"props":34,"children":36},"h2",{"id":35},"模板分类",[37],{"type":25,"value":35},{"type":19,"tag":39,"props":40,"children":42},"h3",{"id":41},"按行业分类",[43],{"type":25,"value":41},{"type":19,"tag":27,"props":45,"children":46},{},[47],{"type":19,"tag":48,"props":49,"children":50},"strong",{},[51],{"type":25,"value":52},"SaaS 产品",{"type":19,"tag":54,"props":55,"children":56},"ul",{},[57,63,68],{"type":19,"tag":58,"props":59,"children":60},"li",{},[61],{"type":25,"value":62},"数据分析平台落地页",{"type":19,"tag":58,"props":64,"children":65},{},[66],{"type":25,"value":67},"项目管理工具展示页",{"type":19,"tag":58,"props":69,"children":70},{},[71],{"type":25,"value":72},"企业服务产品介绍页",{"type":19,"tag":27,"props":74,"children":75},{},[76],{"type":19,"tag":48,"props":77,"children":78},{},[79],{"type":25,"value":80},"电商零售",{"type":19,"tag":54,"props":82,"children":83},{},[84,89,94],{"type":19,"tag":58,"props":85,"children":86},{},[87],{"type":25,"value":88},"商品展示页",{"type":19,"tag":58,"props":90,"children":91},{},[92],{"type":25,"value":93},"促销活动页",{"type":19,"tag":58,"props":95,"children":96},{},[97],{"type":25,"value":98},"品牌故事页",{"type":19,"tag":27,"props":100,"children":101},{},[102],{"type":19,"tag":48,"props":103,"children":104},{},[105],{"type":25,"value":106},"企业官网",{"type":19,"tag":54,"props":108,"children":109},{},[110,115,120],{"type":19,"tag":58,"props":111,"children":112},{},[113],{"type":25,"value":114},"公司介绍首页",{"type":19,"tag":58,"props":116,"children":117},{},[118],{"type":25,"value":119},"服务项目展示",{"type":19,"tag":58,"props":121,"children":122},{},[123],{"type":25,"value":124},"团队介绍页",{"type":19,"tag":27,"props":126,"children":127},{},[128],{"type":19,"tag":48,"props":129,"children":130},{},[131],{"type":25,"value":132},"教育培训",{"type":19,"tag":54,"props":134,"children":135},{},[136,141,146],{"type":19,"tag":58,"props":137,"children":138},{},[139],{"type":25,"value":140},"课程介绍页",{"type":19,"tag":58,"props":142,"children":143},{},[144],{"type":25,"value":145},"在线学习平台",{"type":19,"tag":58,"props":147,"children":148},{},[149],{"type":25,"value":150},"培训机构官网",{"type":19,"tag":27,"props":152,"children":153},{},[154],{"type":19,"tag":48,"props":155,"children":156},{},[157],{"type":25,"value":158},"营销活动",{"type":19,"tag":54,"props":160,"children":161},{},[162,167,172],{"type":19,"tag":58,"props":163,"children":164},{},[165],{"type":25,"value":166},"会议报名页",{"type":19,"tag":58,"props":168,"children":169},{},[170],{"type":25,"value":171},"活动宣传页",{"type":19,"tag":58,"props":173,"children":174},{},[175],{"type":25,"value":176},"新品发布页",{"type":19,"tag":39,"props":178,"children":180},{"id":179},"按页面类型分类",[181],{"type":25,"value":179},{"type":19,"tag":54,"props":183,"children":184},{},[185,195,205,215,225,235],{"type":19,"tag":58,"props":186,"children":187},{},[188,193],{"type":19,"tag":48,"props":189,"children":190},{},[191],{"type":25,"value":192},"Hero Section",{"type":25,"value":194},"：首屏大图展示",{"type":19,"tag":58,"props":196,"children":197},{},[198,203],{"type":19,"tag":48,"props":199,"children":200},{},[201],{"type":25,"value":202},"Features",{"type":25,"value":204},"：功能特性介绍",{"type":19,"tag":58,"props":206,"children":207},{},[208,213],{"type":19,"tag":48,"props":209,"children":210},{},[211],{"type":25,"value":212},"Pricing",{"type":25,"value":214},"：价格方案对比",{"type":19,"tag":58,"props":216,"children":217},{},[218,223],{"type":19,"tag":48,"props":219,"children":220},{},[221],{"type":25,"value":222},"Testimonials",{"type":25,"value":224},"：客户评价展示",{"type":19,"tag":58,"props":226,"children":227},{},[228,233],{"type":19,"tag":48,"props":229,"children":230},{},[231],{"type":25,"value":232},"Contact",{"type":25,"value":234},"：联系表单页",{"type":19,"tag":58,"props":236,"children":237},{},[238,243],{"type":19,"tag":48,"props":239,"children":240},{},[241],{"type":25,"value":242},"About",{"type":25,"value":244},"：关于我们页面",{"type":19,"tag":33,"props":246,"children":248},{"id":247},"如何选择模板",[249],{"type":25,"value":247},{"type":19,"tag":39,"props":251,"children":253},{"id":252},"明确需求",[254],{"type":25,"value":252},{"type":19,"tag":27,"props":256,"children":257},{},[258],{"type":25,"value":259},"在选择模板前，先问自己：",{"type":19,"tag":261,"props":262,"children":263},"ol",{},[264,280,296],{"type":19,"tag":58,"props":265,"children":266},{},[267,272],{"type":19,"tag":48,"props":268,"children":269},{},[270],{"type":25,"value":271},"页面目标是什么？",{"type":19,"tag":54,"props":273,"children":274},{},[275],{"type":19,"tag":58,"props":276,"children":277},{},[278],{"type":25,"value":279},"产品推广？信息展示？引导注册？",{"type":19,"tag":58,"props":281,"children":282},{},[283,288],{"type":19,"tag":48,"props":284,"children":285},{},[286],{"type":25,"value":287},"目标受众是谁？",{"type":19,"tag":54,"props":289,"children":290},{},[291],{"type":19,"tag":58,"props":292,"children":293},{},[294],{"type":25,"value":295},"企业客户？个人消费者？专业人士？",{"type":19,"tag":58,"props":297,"children":298},{},[299,304],{"type":19,"tag":48,"props":300,"children":301},{},[302],{"type":25,"value":303},"需要哪些功能模块？",{"type":19,"tag":54,"props":305,"children":306},{},[307],{"type":19,"tag":58,"props":308,"children":309},{},[310],{"type":25,"value":311},"表单？价格表？客户案例？视频演示？",{"type":19,"tag":39,"props":313,"children":315},{"id":314},"浏览与筛选",[316],{"type":25,"value":314},{"type":19,"tag":27,"props":318,"children":319},{},[320,325],{"type":19,"tag":48,"props":321,"children":322},{},[323],{"type":25,"value":324},"打开模板市场",{"type":25,"value":326},"：",{"type":19,"tag":261,"props":328,"children":329},{},[330,342],{"type":19,"tag":58,"props":331,"children":332},{},[333,335,340],{"type":25,"value":334},"点击左侧面板 ",{"type":19,"tag":48,"props":336,"children":337},{},[338],{"type":25,"value":339},"\"模板\"",{"type":25,"value":341}," 标签",{"type":19,"tag":58,"props":343,"children":344},{},[345],{"type":25,"value":346},"浏览推荐模板或使用筛选功能",{"type":19,"tag":27,"props":348,"children":349},{},[350,355],{"type":19,"tag":48,"props":351,"children":352},{},[353],{"type":25,"value":354},"筛选条件",{"type":25,"value":326},{"type":19,"tag":54,"props":357,"children":358},{},[359,369,379,389],{"type":19,"tag":58,"props":360,"children":361},{},[362,367],{"type":19,"tag":48,"props":363,"children":364},{},[365],{"type":25,"value":366},"行业",{"type":25,"value":368},"：SaaS / 电商 / 教育 / 企业服务",{"type":19,"tag":58,"props":370,"children":371},{},[372,377],{"type":19,"tag":48,"props":373,"children":374},{},[375],{"type":25,"value":376},"风格",{"type":25,"value":378},"：现代简约 / 科技感 / 商务专业 / 创意设计",{"type":19,"tag":58,"props":380,"children":381},{},[382,387],{"type":19,"tag":48,"props":383,"children":384},{},[385],{"type":25,"value":386},"颜色",{"type":25,"value":388},"：蓝色系 / 紫色系 / 绿色系 / 中性色",{"type":19,"tag":58,"props":390,"children":391},{},[392,397],{"type":19,"tag":48,"props":393,"children":394},{},[395],{"type":25,"value":396},"布局",{"type":25,"value":398},"：单页 / 多页 / 长页滚动",{"type":19,"tag":27,"props":400,"children":401},{},[402,407],{"type":19,"tag":48,"props":403,"children":404},{},[405],{"type":25,"value":406},"预览模板",{"type":25,"value":326},{"type":19,"tag":54,"props":409,"children":410},{},[411,416,421],{"type":19,"tag":58,"props":412,"children":413},{},[414],{"type":25,"value":415},"点击模板卡片查看大图预览",{"type":19,"tag":58,"props":417,"children":418},{},[419],{"type":25,"value":420},"查看响应式效果（桌面/平板/手机）",{"type":19,"tag":58,"props":422,"children":423},{},[424],{"type":25,"value":425},"阅读模板说明和适用场景",{"type":19,"tag":33,"props":427,"children":429},{"id":428},"应用模板",[430],{"type":25,"value":428},{"type":19,"tag":39,"props":432,"children":434},{"id":433},"方法一新建项目使用模板",[435],{"type":25,"value":436},"方法一：新建项目使用模板",{"type":19,"tag":261,"props":438,"children":439},{},[440,450,455,464],{"type":19,"tag":58,"props":441,"children":442},{},[443,445],{"type":25,"value":444},"点击 ",{"type":19,"tag":48,"props":446,"children":447},{},[448],{"type":25,"value":449},"\"新建项目\"",{"type":19,"tag":58,"props":451,"children":452},{},[453],{"type":25,"value":454},"在模板库中选择心仪的模板",{"type":19,"tag":58,"props":456,"children":457},{},[458,459],{"type":25,"value":444},{"type":19,"tag":48,"props":460,"children":461},{},[462],{"type":25,"value":463},"\"使用此模板\"",{"type":19,"tag":58,"props":465,"children":466},{},[467],{"type":25,"value":468},"命名你的项目，开始编辑",{"type":19,"tag":39,"props":470,"children":472},{"id":471},"方法二替换当前页面",[473],{"type":25,"value":474},"方法二：替换当前页面",{"type":19,"tag":261,"props":476,"children":477},{},[478,489,499],{"type":19,"tag":58,"props":479,"children":480},{},[481,483,487],{"type":25,"value":482},"在现有项目中打开 ",{"type":19,"tag":48,"props":484,"children":485},{},[486],{"type":25,"value":339},{"type":25,"value":488}," 面板",{"type":19,"tag":58,"props":490,"children":491},{},[492,494],{"type":25,"value":493},"选择模板点击 ",{"type":19,"tag":48,"props":495,"children":496},{},[497],{"type":25,"value":498},"\"应用到当前页面\"",{"type":19,"tag":58,"props":500,"children":501},{},[502],{"type":25,"value":503},"确认替换（注意：会覆盖当前内容）",{"type":19,"tag":39,"props":505,"children":507},{"id":506},"方法三导入模板区块",[508],{"type":25,"value":509},"方法三：导入模板区块",{"type":19,"tag":27,"props":511,"children":512},{},[513],{"type":25,"value":514},"只需要模板中的某个部分：",{"type":19,"tag":261,"props":516,"children":517},{},[518,528,533,538],{"type":19,"tag":58,"props":519,"children":520},{},[521,523],{"type":25,"value":522},"预览模板时点击 ",{"type":19,"tag":48,"props":524,"children":525},{},[526],{"type":25,"value":527},"\"仅导入区块\"",{"type":19,"tag":58,"props":529,"children":530},{},[531],{"type":25,"value":532},"选择需要的 Section（如 Hero / Features）",{"type":19,"tag":58,"props":534,"children":535},{},[536],{"type":25,"value":537},"区块将插入到当前页面底部",{"type":19,"tag":58,"props":539,"children":540},{},[541],{"type":25,"value":542},"拖拽调整位置",{"type":19,"tag":33,"props":544,"children":546},{"id":545},"自定义模板",[547],{"type":25,"value":545},{"type":19,"tag":39,"props":549,"children":551},{"id":550},"文本内容替换",[552],{"type":25,"value":550},{"type":19,"tag":27,"props":554,"children":555},{},[556,561],{"type":19,"tag":48,"props":557,"children":558},{},[559],{"type":25,"value":560},"快速替换",{"type":25,"value":326},{"type":19,"tag":261,"props":563,"children":564},{},[565,570,575],{"type":19,"tag":58,"props":566,"children":567},{},[568],{"type":25,"value":569},"双击任意文本元素",{"type":19,"tag":58,"props":571,"children":572},{},[573],{"type":25,"value":574},"直接输入新内容",{"type":19,"tag":58,"props":576,"children":577},{},[578],{"type":25,"value":579},"回车确认",{"type":19,"tag":27,"props":581,"children":582},{},[583,588],{"type":19,"tag":48,"props":584,"children":585},{},[586],{"type":25,"value":587},"批量替换",{"type":25,"value":326},{"type":19,"tag":261,"props":590,"children":591},{},[592,611,616],{"type":19,"tag":58,"props":593,"children":594},{},[595,597,602,604,609],{"type":25,"value":596},"使用 ",{"type":19,"tag":48,"props":598,"children":599},{},[600],{"type":25,"value":601},"Ctrl+F",{"type":25,"value":603},"（Windows）或 ",{"type":19,"tag":48,"props":605,"children":606},{},[607],{"type":25,"value":608},"Cmd+F",{"type":25,"value":610},"（Mac）",{"type":19,"tag":58,"props":612,"children":613},{},[614],{"type":25,"value":615},"输入要替换的文本（如公司名称）",{"type":19,"tag":58,"props":617,"children":618},{},[619],{"type":25,"value":620},"全部替换为新内容",{"type":19,"tag":39,"props":622,"children":624},{"id":623},"颜色主题调整",[625],{"type":25,"value":623},{"type":19,"tag":27,"props":627,"children":628},{},[629,634],{"type":19,"tag":48,"props":630,"children":631},{},[632],{"type":25,"value":633},"使用颜色选择器",{"type":25,"value":326},{"type":19,"tag":261,"props":636,"children":637},{},[638,643,655],{"type":19,"tag":58,"props":639,"children":640},{},[641],{"type":25,"value":642},"选中元素（背景/文字/按钮）",{"type":19,"tag":58,"props":644,"children":645},{},[646,648,653],{"type":25,"value":647},"右侧面板找到 ",{"type":19,"tag":48,"props":649,"children":650},{},[651],{"type":25,"value":652},"\"颜色\"",{"type":25,"value":654}," 设置",{"type":19,"tag":58,"props":656,"children":657},{},[658],{"type":25,"value":659},"使用吸管工具或输入色值",{"type":19,"tag":27,"props":661,"children":662},{},[663,668],{"type":19,"tag":48,"props":664,"children":665},{},[666],{"type":25,"value":667},"批量更换主题色",{"type":25,"value":326},{"type":19,"tag":261,"props":670,"children":671},{},[672,684,689],{"type":19,"tag":58,"props":673,"children":674},{},[675,677,682],{"type":25,"value":676},"打开 ",{"type":19,"tag":48,"props":678,"children":679},{},[680],{"type":25,"value":681},"\"主题设置\"",{"type":25,"value":683},"（顶部工具栏）",{"type":19,"tag":58,"props":685,"children":686},{},[687],{"type":25,"value":688},"设置主色/辅色/强调色",{"type":19,"tag":58,"props":690,"children":691},{},[692],{"type":25,"value":693},"一键应用到所有相关元素",{"type":19,"tag":39,"props":695,"children":697},{"id":696},"图片资源替换",[698],{"type":25,"value":696},{"type":19,"tag":27,"props":700,"children":701},{},[702,707],{"type":19,"tag":48,"props":703,"children":704},{},[705],{"type":25,"value":706},"单张图片替换",{"type":25,"value":326},{"type":19,"tag":261,"props":709,"children":710},{},[711,716,733],{"type":19,"tag":58,"props":712,"children":713},{},[714],{"type":25,"value":715},"点击图片元素",{"type":19,"tag":58,"props":717,"children":718},{},[719,721,726,728],{"type":25,"value":720},"右侧面板选择 ",{"type":19,"tag":48,"props":722,"children":723},{},[724],{"type":25,"value":725},"\"上传图片\"",{"type":25,"value":727}," 或 ",{"type":19,"tag":48,"props":729,"children":730},{},[731],{"type":25,"value":732},"\"从资源库选择\"",{"type":19,"tag":58,"props":734,"children":735},{},[736],{"type":25,"value":737},"裁剪适配（保持原比例）",{"type":19,"tag":27,"props":739,"children":740},{},[741,746],{"type":19,"tag":48,"props":742,"children":743},{},[744],{"type":25,"value":745},"批量上传",{"type":25,"value":326},{"type":19,"tag":261,"props":748,"children":749},{},[750,760,765],{"type":19,"tag":58,"props":751,"children":752},{},[753,754,759],{"type":25,"value":676},{"type":19,"tag":48,"props":755,"children":756},{},[757],{"type":25,"value":758},"\"资源\"",{"type":25,"value":488},{"type":19,"tag":58,"props":761,"children":762},{},[763],{"type":25,"value":764},"拖拽多张图片到资源库",{"type":19,"tag":58,"props":766,"children":767},{},[768],{"type":25,"value":769},"依次替换模板中的占位图",{"type":19,"tag":27,"props":771,"children":772},{},[773,778],{"type":19,"tag":48,"props":774,"children":775},{},[776],{"type":25,"value":777},"图片优化建议",{"type":25,"value":326},{"type":19,"tag":54,"props":780,"children":781},{},[782,787,792],{"type":19,"tag":58,"props":783,"children":784},{},[785],{"type":25,"value":786},"使用 WebP 格式（体积更小）",{"type":19,"tag":58,"props":788,"children":789},{},[790],{"type":25,"value":791},"建议尺寸：Hero 图 1920x1080，缩略图 600x400",{"type":19,"tag":58,"props":793,"children":794},{},[795],{"type":25,"value":796},"文件大小控制在 500KB 以内",{"type":19,"tag":39,"props":798,"children":800},{"id":799},"布局结构调整",[801],{"type":25,"value":799},{"type":19,"tag":27,"props":803,"children":804},{},[805,810],{"type":19,"tag":48,"props":806,"children":807},{},[808],{"type":25,"value":809},"增删区块",{"type":25,"value":326},{"type":19,"tag":54,"props":812,"children":813},{},[814,819,831],{"type":19,"tag":58,"props":815,"children":816},{},[817],{"type":25,"value":818},"删除不需要的 Section（选中后按 Delete）",{"type":19,"tag":58,"props":820,"children":821},{},[822,824,829],{"type":25,"value":823},"从左侧 ",{"type":19,"tag":48,"props":825,"children":826},{},[827],{"type":25,"value":828},"\"模块\"",{"type":25,"value":830}," 面板拖入新区块",{"type":19,"tag":58,"props":832,"children":833},{},[834],{"type":25,"value":835},"拖拽调整区块顺序",{"type":19,"tag":27,"props":837,"children":838},{},[839,844],{"type":19,"tag":48,"props":840,"children":841},{},[842],{"type":25,"value":843},"修改布局",{"type":25,"value":326},{"type":19,"tag":54,"props":846,"children":847},{},[848,853,858],{"type":19,"tag":58,"props":849,"children":850},{},[851],{"type":25,"value":852},"栅格列数调整（2列 → 3列）",{"type":19,"tag":58,"props":854,"children":855},{},[856],{"type":25,"value":857},"元素对齐方式（左对齐 → 居中）",{"type":19,"tag":58,"props":859,"children":860},{},[861],{"type":25,"value":862},"间距调整（Padding / Margin）",{"type":19,"tag":33,"props":864,"children":866},{"id":865},"模板优化建议",[867],{"type":25,"value":865},{"type":19,"tag":39,"props":869,"children":871},{"id":870},"seo-优化",[872],{"type":25,"value":873},"SEO 优化",{"type":19,"tag":27,"props":875,"children":876},{},[877],{"type":25,"value":878},"在应用模板后，务必完善：",{"type":19,"tag":261,"props":880,"children":881},{},[882,905,928,949],{"type":19,"tag":58,"props":883,"children":884},{},[885,890,892],{"type":19,"tag":48,"props":886,"children":887},{},[888],{"type":25,"value":889},"页面标题",{"type":25,"value":891},"（Title）",{"type":19,"tag":54,"props":893,"children":894},{},[895,900],{"type":19,"tag":58,"props":896,"children":897},{},[898],{"type":25,"value":899},"包含核心关键词",{"type":19,"tag":58,"props":901,"children":902},{},[903],{"type":25,"value":904},"不超过 60 字符",{"type":19,"tag":58,"props":906,"children":907},{},[908,913,915],{"type":19,"tag":48,"props":909,"children":910},{},[911],{"type":25,"value":912},"页面描述",{"type":25,"value":914},"（Meta Description）",{"type":19,"tag":54,"props":916,"children":917},{},[918,923],{"type":19,"tag":58,"props":919,"children":920},{},[921],{"type":25,"value":922},"吸引人的一句话介绍",{"type":19,"tag":58,"props":924,"children":925},{},[926],{"type":25,"value":927},"120-160 字符",{"type":19,"tag":58,"props":929,"children":930},{},[931,936],{"type":19,"tag":48,"props":932,"children":933},{},[934],{"type":25,"value":935},"图片 Alt 文本",{"type":19,"tag":54,"props":937,"children":938},{},[939,944],{"type":19,"tag":58,"props":940,"children":941},{},[942],{"type":25,"value":943},"所有图片添加描述",{"type":19,"tag":58,"props":945,"children":946},{},[947],{"type":25,"value":948},"有助于 SEO 和无障碍访问",{"type":19,"tag":58,"props":950,"children":951},{},[952,957],{"type":19,"tag":48,"props":953,"children":954},{},[955],{"type":25,"value":956},"语义化标签",{"type":19,"tag":54,"props":958,"children":959},{},[960,965],{"type":19,"tag":58,"props":961,"children":962},{},[963],{"type":25,"value":964},"确保 H1 唯一且含主关键词",{"type":19,"tag":58,"props":966,"children":967},{},[968],{"type":25,"value":969},"标题层级正确（H1 → H2 → H3）",{"type":19,"tag":39,"props":971,"children":973},{"id":972},"性能优化",[974],{"type":25,"value":972},{"type":19,"tag":27,"props":976,"children":977},{},[978,983],{"type":19,"tag":48,"props":979,"children":980},{},[981],{"type":25,"value":982},"图片优化",{"type":25,"value":326},{"type":19,"tag":54,"props":985,"children":986},{},[987,992,997],{"type":19,"tag":58,"props":988,"children":989},{},[990],{"type":25,"value":991},"压缩图片（推荐 TinyPNG）",{"type":19,"tag":58,"props":993,"children":994},{},[995],{"type":25,"value":996},"使用适当尺寸（避免过大）",{"type":19,"tag":58,"props":998,"children":999},{},[1000],{"type":25,"value":1001},"启用懒加载",{"type":19,"tag":27,"props":1003,"children":1004},{},[1005,1010],{"type":19,"tag":48,"props":1006,"children":1007},{},[1008],{"type":25,"value":1009},"代码优化",{"type":25,"value":326},{"type":19,"tag":54,"props":1012,"children":1013},{},[1014,1019,1024],{"type":19,"tag":58,"props":1015,"children":1016},{},[1017],{"type":25,"value":1018},"删除未使用的模块",{"type":19,"tag":58,"props":1020,"children":1021},{},[1022],{"type":25,"value":1023},"合并相似的样式规则",{"type":19,"tag":58,"props":1025,"children":1026},{},[1027],{"type":25,"value":1028},"导出前检查代码质量",{"type":19,"tag":39,"props":1030,"children":1032},{"id":1031},"响应式测试",[1033],{"type":25,"value":1031},{"type":19,"tag":27,"props":1035,"children":1036},{},[1037,1042],{"type":19,"tag":48,"props":1038,"children":1039},{},[1040],{"type":25,"value":1041},"必测设备尺寸",{"type":25,"value":326},{"type":19,"tag":54,"props":1044,"children":1045},{},[1046,1051,1056],{"type":19,"tag":58,"props":1047,"children":1048},{},[1049],{"type":25,"value":1050},"桌面：1920x1080, 1366x768",{"type":19,"tag":58,"props":1052,"children":1053},{},[1054],{"type":25,"value":1055},"平板：768x1024",{"type":19,"tag":58,"props":1057,"children":1058},{},[1059],{"type":25,"value":1060},"手机：375x667, 414x896",{"type":19,"tag":27,"props":1062,"children":1063},{},[1064,1069],{"type":19,"tag":48,"props":1065,"children":1066},{},[1067],{"type":25,"value":1068},"测试要点",{"type":25,"value":326},{"type":19,"tag":54,"props":1071,"children":1072},{},[1073,1078,1083,1088],{"type":19,"tag":58,"props":1074,"children":1075},{},[1076],{"type":25,"value":1077},"文字大小是否合适",{"type":19,"tag":58,"props":1079,"children":1080},{},[1081],{"type":25,"value":1082},"图片是否变形",{"type":19,"tag":58,"props":1084,"children":1085},{},[1086],{"type":25,"value":1087},"按钮是否易于点击",{"type":19,"tag":58,"props":1089,"children":1090},{},[1091],{"type":25,"value":1092},"导航菜单在移动端的展示",{"type":19,"tag":33,"props":1094,"children":1096},{"id":1095},"保存与分享",[1097],{"type":25,"value":1095},{"type":19,"tag":39,"props":1099,"children":1101},{"id":1100},"保存为自定义模板",[1102],{"type":25,"value":1100},{"type":19,"tag":27,"props":1104,"children":1105},{},[1106],{"type":25,"value":1107},"将修改好的页面保存为个人模板：",{"type":19,"tag":261,"props":1109,"children":1110},{},[1111,1121,1126,1131],{"type":19,"tag":58,"props":1112,"children":1113},{},[1114,1116],{"type":25,"value":1115},"点击顶部 ",{"type":19,"tag":48,"props":1117,"children":1118},{},[1119],{"type":25,"value":1120},"\"另存为模板\"",{"type":19,"tag":58,"props":1122,"children":1123},{},[1124],{"type":25,"value":1125},"命名并添加描述",{"type":19,"tag":58,"props":1127,"children":1128},{},[1129],{"type":25,"value":1130},"选择分类和标签",{"type":19,"tag":58,"props":1132,"children":1133},{},[1134,1136],{"type":25,"value":1135},"保存到 ",{"type":19,"tag":48,"props":1137,"children":1138},{},[1139],{"type":25,"value":1140},"\"我的模板\"",{"type":19,"tag":39,"props":1142,"children":1144},{"id":1143},"分享给团队",[1145],{"type":25,"value":1143},{"type":19,"tag":27,"props":1147,"children":1148},{},[1149],{"type":25,"value":1150},"如果你有团队协作需求：",{"type":19,"tag":261,"props":1152,"children":1153},{},[1154,1165,1170],{"type":19,"tag":58,"props":1155,"children":1156},{},[1157,1158,1163],{"type":25,"value":444},{"type":19,"tag":48,"props":1159,"children":1160},{},[1161],{"type":25,"value":1162},"\"分享\"",{"type":25,"value":1164}," 按钮",{"type":19,"tag":58,"props":1166,"children":1167},{},[1168],{"type":25,"value":1169},"生成分享链接或邀请成员",{"type":19,"tag":58,"props":1171,"children":1172},{},[1173],{"type":25,"value":1174},"设置权限（仅查看 / 可编辑）",{"type":19,"tag":33,"props":1176,"children":1178},{"id":1177},"模板示例推荐",[1179],{"type":25,"value":1177},{"type":19,"tag":39,"props":1181,"children":1183},{"id":1182},"saas-产品落地页",[1184],{"type":25,"value":1185},"SaaS 产品落地页",{"type":19,"tag":27,"props":1187,"children":1188},{},[1189,1194],{"type":19,"tag":48,"props":1190,"children":1191},{},[1192],{"type":25,"value":1193},"适用场景",{"type":25,"value":1195},"：云服务、企业软件、在线工具",{"type":19,"tag":27,"props":1197,"children":1198},{},[1199,1204],{"type":19,"tag":48,"props":1200,"children":1201},{},[1202],{"type":25,"value":1203},"包含模块",{"type":25,"value":326},{"type":19,"tag":54,"props":1206,"children":1207},{},[1208,1213,1218,1223,1228,1233],{"type":19,"tag":58,"props":1209,"children":1210},{},[1211],{"type":25,"value":1212},"Hero：产品核心价值主张",{"type":19,"tag":58,"props":1214,"children":1215},{},[1216],{"type":25,"value":1217},"Features：3-6 个核心功能",{"type":19,"tag":58,"props":1219,"children":1220},{},[1221],{"type":25,"value":1222},"How It Works：使用流程 3 步骤",{"type":19,"tag":58,"props":1224,"children":1225},{},[1226],{"type":25,"value":1227},"Pricing：价格方案对比",{"type":19,"tag":58,"props":1229,"children":1230},{},[1231],{"type":25,"value":1232},"Testimonials：客户评价",{"type":19,"tag":58,"props":1234,"children":1235},{},[1236],{"type":25,"value":1237},"CTA：免费试用按钮",{"type":19,"tag":27,"props":1239,"children":1240},{},[1241,1246,1247],{"type":19,"tag":48,"props":1242,"children":1243},{},[1244],{"type":25,"value":1245},"查看模板",{"type":25,"value":326},{"type":19,"tag":1248,"props":1249,"children":1251},"a",{"href":1250},"/use-cases/saas-landing-page",[1252],{"type":25,"value":1253},"SaaS 落地页模板",{"type":19,"tag":39,"props":1255,"children":1257},{"id":1256},"企业官网首页",[1258],{"type":25,"value":1256},{"type":19,"tag":27,"props":1260,"children":1261},{},[1262,1266],{"type":19,"tag":48,"props":1263,"children":1264},{},[1265],{"type":25,"value":1193},{"type":25,"value":1267},"：公司介绍、品牌展示、服务推广",{"type":19,"tag":27,"props":1269,"children":1270},{},[1271,1275],{"type":19,"tag":48,"props":1272,"children":1273},{},[1274],{"type":25,"value":1203},{"type":25,"value":326},{"type":19,"tag":54,"props":1277,"children":1278},{},[1279,1284,1289,1294,1299],{"type":19,"tag":58,"props":1280,"children":1281},{},[1282],{"type":25,"value":1283},"Hero：公司 Slogan + 核心业务",{"type":19,"tag":58,"props":1285,"children":1286},{},[1287],{"type":25,"value":1288},"About：公司简介",{"type":19,"tag":58,"props":1290,"children":1291},{},[1292],{"type":25,"value":1293},"Services：服务项目展示",{"type":19,"tag":58,"props":1295,"children":1296},{},[1297],{"type":25,"value":1298},"Team：团队介绍",{"type":19,"tag":58,"props":1300,"children":1301},{},[1302],{"type":25,"value":1303},"Contact：联系方式",{"type":19,"tag":27,"props":1305,"children":1306},{},[1307,1311,1312],{"type":19,"tag":48,"props":1308,"children":1309},{},[1310],{"type":25,"value":1245},{"type":25,"value":326},{"type":19,"tag":1248,"props":1313,"children":1315},{"href":1314},"/use-cases/corporate-website",[1316],{"type":25,"value":1317},"企业官网模板",{"type":19,"tag":39,"props":1319,"children":1321},{"id":1320},"电商商品页",[1322],{"type":25,"value":1320},{"type":19,"tag":27,"props":1324,"children":1325},{},[1326,1330],{"type":19,"tag":48,"props":1327,"children":1328},{},[1329],{"type":25,"value":1193},{"type":25,"value":1331},"：商品推广、促销活动、产品发布",{"type":19,"tag":27,"props":1333,"children":1334},{},[1335,1339],{"type":19,"tag":48,"props":1336,"children":1337},{},[1338],{"type":25,"value":1203},{"type":25,"value":326},{"type":19,"tag":54,"props":1341,"children":1342},{},[1343,1348,1353,1358,1363],{"type":19,"tag":58,"props":1344,"children":1345},{},[1346],{"type":25,"value":1347},"商品大图轮播",{"type":19,"tag":58,"props":1349,"children":1350},{},[1351],{"type":25,"value":1352},"产品规格参数",{"type":19,"tag":58,"props":1354,"children":1355},{},[1356],{"type":25,"value":1357},"购买按钮/立即咨询",{"type":19,"tag":58,"props":1359,"children":1360},{},[1361],{"type":25,"value":1362},"客户评价展示",{"type":19,"tag":58,"props":1364,"children":1365},{},[1366],{"type":25,"value":1367},"相关推荐",{"type":19,"tag":27,"props":1369,"children":1370},{},[1371,1375,1376],{"type":19,"tag":48,"props":1372,"children":1373},{},[1374],{"type":25,"value":1245},{"type":25,"value":326},{"type":19,"tag":1248,"props":1377,"children":1379},{"href":1378},"/use-cases/ecommerce-product-page",[1380],{"type":25,"value":1381},"电商产品页模板",{"type":19,"tag":33,"props":1383,"children":1385},{"id":1384},"常见问题",[1386],{"type":25,"value":1384},{"type":19,"tag":27,"props":1388,"children":1389},{},[1390],{"type":19,"tag":48,"props":1391,"children":1392},{},[1393],{"type":25,"value":1394},"Q: 模板可以商用吗？",{"type":19,"tag":27,"props":1396,"children":1397},{},[1398],{"type":25,"value":1399},"A: 所有 HTMLPAGE 模板均可免费商用，无需标注来源。付费会员可访问高级模板。",{"type":19,"tag":27,"props":1401,"children":1402},{},[1403],{"type":19,"tag":48,"props":1404,"children":1405},{},[1406],{"type":25,"value":1407},"Q: 如何获取更多模板？",{"type":19,"tag":27,"props":1409,"children":1410},{},[1411],{"type":25,"value":1412},"A:",{"type":19,"tag":54,"props":1414,"children":1415},{},[1416,1427,1432],{"type":19,"tag":58,"props":1417,"children":1418},{},[1419,1421],{"type":25,"value":1420},"关注我们的 ",{"type":19,"tag":1248,"props":1422,"children":1424},{"href":1423},"/weekly",[1425],{"type":25,"value":1426},"每周更新",{"type":19,"tag":58,"props":1428,"children":1429},{},[1430],{"type":25,"value":1431},"加入社区查看用户分享",{"type":19,"tag":58,"props":1433,"children":1434},{},[1435],{"type":25,"value":1436},"升级会员解锁全部模板",{"type":19,"tag":27,"props":1438,"children":1439},{},[1440],{"type":19,"tag":48,"props":1441,"children":1442},{},[1443],{"type":25,"value":1444},"Q: 可以上传自己的模板吗？",{"type":19,"tag":27,"props":1446,"children":1447},{},[1448],{"type":25,"value":1449},"A: 可以！将你的设计保存为模板并分享到社区，优质模板有机会被官方收录。",{"type":19,"tag":33,"props":1451,"children":1453},{"id":1452},"相关资源",[1454],{"type":25,"value":1452},{"type":19,"tag":54,"props":1456,"children":1457},{},[1458,1467,1476,1485],{"type":19,"tag":58,"props":1459,"children":1460},{},[1461],{"type":19,"tag":1248,"props":1462,"children":1464},{"href":1463},"/guide/getting-started",[1465],{"type":25,"value":1466},"快速入门指南",{"type":19,"tag":58,"props":1468,"children":1469},{},[1470],{"type":19,"tag":1248,"props":1471,"children":1473},{"href":1472},"/guide/ai-generation",[1474],{"type":25,"value":1475},"AI 页面生成教程",{"type":19,"tag":58,"props":1477,"children":1478},{},[1479],{"type":19,"tag":1248,"props":1480,"children":1482},{"href":1481},"/guide/export-frameworks",[1483],{"type":25,"value":1484},"导出多框架指南",{"type":19,"tag":58,"props":1486,"children":1487},{},[1488],{"type":19,"tag":1248,"props":1489,"children":1491},{"href":1490},"/templates",[1492],{"type":25,"value":1493},"浏览模板市场",{"type":19,"tag":1495,"props":1496,"children":1497},"hr",{},[],{"type":19,"tag":27,"props":1499,"children":1500},{},[1501,1506],{"type":19,"tag":48,"props":1502,"children":1503},{},[1504],{"type":25,"value":1505},"提示",{"type":25,"value":1507},"：选择模板时优先考虑布局结构是否符合需求，颜色和图片都可以轻松替换。",{"title":7,"searchDepth":1509,"depth":1509,"links":1510},3,[1511,1516,1520,1525,1531,1536,1540,1545,1546],{"id":35,"depth":1512,"text":35,"children":1513},2,[1514,1515],{"id":41,"depth":1509,"text":41},{"id":179,"depth":1509,"text":179},{"id":247,"depth":1512,"text":247,"children":1517},[1518,1519],{"id":252,"depth":1509,"text":252},{"id":314,"depth":1509,"text":314},{"id":428,"depth":1512,"text":428,"children":1521},[1522,1523,1524],{"id":433,"depth":1509,"text":436},{"id":471,"depth":1509,"text":474},{"id":506,"depth":1509,"text":509},{"id":545,"depth":1512,"text":545,"children":1526},[1527,1528,1529,1530],{"id":550,"depth":1509,"text":550},{"id":623,"depth":1509,"text":623},{"id":696,"depth":1509,"text":696},{"id":799,"depth":1509,"text":799},{"id":865,"depth":1512,"text":865,"children":1532},[1533,1534,1535],{"id":870,"depth":1509,"text":873},{"id":972,"depth":1509,"text":972},{"id":1031,"depth":1509,"text":1031},{"id":1095,"depth":1512,"text":1095,"children":1537},[1538,1539],{"id":1100,"depth":1509,"text":1100},{"id":1143,"depth":1509,"text":1143},{"id":1177,"depth":1512,"text":1177,"children":1541},[1542,1543,1544],{"id":1182,"depth":1509,"text":1185},{"id":1256,"depth":1509,"text":1256},{"id":1320,"depth":1509,"text":1320},{"id":1384,"depth":1512,"text":1384},{"id":1452,"depth":1512,"text":1452},"markdown","content:guide:template-usage.md","content","guide/template-usage.md","guide/template-usage","md",[1554,1566,1577],{"_path":1555,"_dir":1556,"_draft":6,"_partial":6,"_locale":7,"title":1557,"description":1558,"keywords":1559,"author":12,"date":1560,"category":1561,"image":1562,"_type":1547,"_id":1563,"_source":1549,"_file":1564,"_stem":1565,"_extension":1552},"/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":1567,"_dir":1556,"_draft":6,"_partial":6,"_locale":7,"title":1568,"description":1569,"keywords":1570,"author":1571,"date":1572,"category":1573,"image":1562,"_type":1547,"_id":1574,"_source":1549,"_file":1575,"_stem":1576,"_extension":1552},"/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":1578,"_dir":1556,"_draft":6,"_partial":6,"_locale":7,"title":1579,"description":1580,"keywords":1581,"author":12,"date":1560,"category":1561,"image":1562,"_type":1547,"_id":1582,"_source":1549,"_file":1583,"_stem":1584,"_extension":1552},"/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",1774945278487]