[{"data":1,"prerenderedAt":1378},["ShallowReactive",2],{"content-/ai/generation-examples":3,"related-ai":1349},{"_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":1343,"_id":1344,"_source":1345,"_file":1346,"_stem":1347,"_extension":1348},"/ai/generation-examples","ai",false,"","生成示例展示","展示 HTMLPAGE AI 生成的各类页面示例和效果","生成示例, 页面展示, 使用示例, HTMLPAGE","HTMLPAGE","2025-11-27","应用示例","/content-images/ai/ai.jpg",{"type":16,"children":17,"toc":1314},"root",[18,25,31,38,45,55,61,101,107,115,121,386,390,396,401,409,414,442,447,455,461,681,684,690,695,703,708,741,746,754,760,1008,1011,1017,1022,1030,1035,1063,1068,1076,1082,1194,1197,1203,1231,1237,1260,1266,1296,1299,1308],{"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},"以下示例涵盖多个常见业务场景，提供可直接复制的提示词、AI 生成结构、文案样例与代码片段，帮助你快速获得高质量页面。",{"type":19,"tag":32,"props":33,"children":35},"h2",{"id":34},"示例-1saas-产品落地页",[36],{"type":24,"value":37},"🚀 示例 1：SaaS 产品落地页",{"type":19,"tag":39,"props":40,"children":42},"h3",{"id":41},"提示词可直接复制",[43],{"type":24,"value":44},"提示词（可直接复制）",{"type":19,"tag":46,"props":47,"children":49},"pre",{"code":48},"创建一个面向电商企业的数据分析 SaaS 产品的落地页。\n核心功能：实时数据看板、自定义报表、预测分析、多渠道整合。\n目标用户：电商运营团队、数据分析师。\n页面包含：Hero、痛点问题、产品解决方案、功能列表、客户评价、价格方案、CTA。\n风格：专业科技感，蓝紫渐变，清晰的图表视觉元素。\n",[50],{"type":19,"tag":51,"props":52,"children":53},"code",{"__ignoreMap":7},[54],{"type":24,"value":48},{"type":19,"tag":39,"props":56,"children":58},{"id":57},"ai-生成结构",[59],{"type":24,"value":60},"AI 生成结构",{"type":19,"tag":62,"props":63,"children":64},"ul",{},[65,71,76,81,86,91,96],{"type":19,"tag":66,"props":67,"children":68},"li",{},[69],{"type":24,"value":70},"Hero：核心价值主张 + 注册试用按钮",{"type":19,"tag":66,"props":72,"children":73},{},[74],{"type":24,"value":75},"Problem：用户痛点描述（3条）",{"type":19,"tag":66,"props":77,"children":78},{},[79],{"type":24,"value":80},"Solution：产品如何解决（3条）",{"type":19,"tag":66,"props":82,"children":83},{},[84],{"type":24,"value":85},"Features：功能列表（6项卡片）",{"type":19,"tag":66,"props":87,"children":88},{},[89],{"type":24,"value":90},"Pricing：定价方案（基础/专业/企业）",{"type":19,"tag":66,"props":92,"children":93},{},[94],{"type":24,"value":95},"Testimonials：客户评价（3条）",{"type":19,"tag":66,"props":97,"children":98},{},[99],{"type":24,"value":100},"CTA：行动号召（立即试用）",{"type":19,"tag":39,"props":102,"children":104},{"id":103},"文案样例片段",[105],{"type":24,"value":106},"文案样例（片段）",{"type":19,"tag":46,"props":108,"children":110},{"code":109},"标题：让数据驱动你的电商增长\n副标题：实时洞察销售趋势，精准分析用户行为，助力运营决策\n按钮：免费试用 30 天\n\n痛点1：数据分散，难以统一分析\n痛点2：报表繁琐，洞察滞后\n痛点3：难以预测销售走势\n",[111],{"type":19,"tag":51,"props":112,"children":113},{"__ignoreMap":7},[114],{"type":24,"value":109},{"type":19,"tag":39,"props":116,"children":118},{"id":117},"代码片段vue-组件片段",[119],{"type":24,"value":120},"代码片段（Vue 组件片段）",{"type":19,"tag":46,"props":122,"children":126},{"code":123,"language":124,"meta":7,"className":125,"style":7},"\u003Ctemplate>\n    \u003Csection class=\"py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white\">\n        \u003Cdiv class=\"container mx-auto px-6 text-center\">\n            \u003Ch1 class=\"text-5xl font-bold mb-4\">让数据驱动你的电商增长\u003C/h1>\n            \u003Cp class=\"text-xl opacity-90 mb-8\">实时洞察销售趋势，精准分析用户行为，助力运营决策\u003C/p>\n            \u003Cbutton class=\"bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:shadow-lg\">免费试用 30 天\u003C/button>\n        \u003C/div>\n    \u003C/section>\n\u003C/template>\n","vue","language-vue shiki shiki-themes github-dark github-dark",[127],{"type":19,"tag":51,"props":128,"children":129},{"__ignoreMap":7},[130,153,188,219,258,296,335,352,369],{"type":19,"tag":131,"props":132,"children":135},"span",{"class":133,"line":134},"line",1,[136,142,148],{"type":19,"tag":131,"props":137,"children":139},{"style":138},"--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8",[140],{"type":24,"value":141},"\u003C",{"type":19,"tag":131,"props":143,"children":145},{"style":144},"--shiki-default:#85E89D;--shiki-dark:#85E89D",[146],{"type":24,"value":147},"template",{"type":19,"tag":131,"props":149,"children":150},{"style":138},[151],{"type":24,"value":152},">\n",{"type":19,"tag":131,"props":154,"children":156},{"class":133,"line":155},2,[157,162,167,173,178,184],{"type":19,"tag":131,"props":158,"children":159},{"style":138},[160],{"type":24,"value":161},"    \u003C",{"type":19,"tag":131,"props":163,"children":164},{"style":144},[165],{"type":24,"value":166},"section",{"type":19,"tag":131,"props":168,"children":170},{"style":169},"--shiki-default:#B392F0;--shiki-dark:#B392F0",[171],{"type":24,"value":172}," class",{"type":19,"tag":131,"props":174,"children":175},{"style":138},[176],{"type":24,"value":177},"=",{"type":19,"tag":131,"props":179,"children":181},{"style":180},"--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF",[182],{"type":24,"value":183},"\"py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white\"",{"type":19,"tag":131,"props":185,"children":186},{"style":138},[187],{"type":24,"value":152},{"type":19,"tag":131,"props":189,"children":191},{"class":133,"line":190},3,[192,197,202,206,210,215],{"type":19,"tag":131,"props":193,"children":194},{"style":138},[195],{"type":24,"value":196},"        \u003C",{"type":19,"tag":131,"props":198,"children":199},{"style":144},[200],{"type":24,"value":201},"div",{"type":19,"tag":131,"props":203,"children":204},{"style":169},[205],{"type":24,"value":172},{"type":19,"tag":131,"props":207,"children":208},{"style":138},[209],{"type":24,"value":177},{"type":19,"tag":131,"props":211,"children":212},{"style":180},[213],{"type":24,"value":214},"\"container mx-auto px-6 text-center\"",{"type":19,"tag":131,"props":216,"children":217},{"style":138},[218],{"type":24,"value":152},{"type":19,"tag":131,"props":220,"children":222},{"class":133,"line":221},4,[223,228,232,236,240,245,250,254],{"type":19,"tag":131,"props":224,"children":225},{"style":138},[226],{"type":24,"value":227},"            \u003C",{"type":19,"tag":131,"props":229,"children":230},{"style":144},[231],{"type":24,"value":20},{"type":19,"tag":131,"props":233,"children":234},{"style":169},[235],{"type":24,"value":172},{"type":19,"tag":131,"props":237,"children":238},{"style":138},[239],{"type":24,"value":177},{"type":19,"tag":131,"props":241,"children":242},{"style":180},[243],{"type":24,"value":244},"\"text-5xl font-bold mb-4\"",{"type":19,"tag":131,"props":246,"children":247},{"style":138},[248],{"type":24,"value":249},">让数据驱动你的电商增长\u003C/",{"type":19,"tag":131,"props":251,"children":252},{"style":144},[253],{"type":24,"value":20},{"type":19,"tag":131,"props":255,"children":256},{"style":138},[257],{"type":24,"value":152},{"type":19,"tag":131,"props":259,"children":261},{"class":133,"line":260},5,[262,266,270,274,278,283,288,292],{"type":19,"tag":131,"props":263,"children":264},{"style":138},[265],{"type":24,"value":227},{"type":19,"tag":131,"props":267,"children":268},{"style":144},[269],{"type":24,"value":26},{"type":19,"tag":131,"props":271,"children":272},{"style":169},[273],{"type":24,"value":172},{"type":19,"tag":131,"props":275,"children":276},{"style":138},[277],{"type":24,"value":177},{"type":19,"tag":131,"props":279,"children":280},{"style":180},[281],{"type":24,"value":282},"\"text-xl opacity-90 mb-8\"",{"type":19,"tag":131,"props":284,"children":285},{"style":138},[286],{"type":24,"value":287},">实时洞察销售趋势，精准分析用户行为，助力运营决策\u003C/",{"type":19,"tag":131,"props":289,"children":290},{"style":144},[291],{"type":24,"value":26},{"type":19,"tag":131,"props":293,"children":294},{"style":138},[295],{"type":24,"value":152},{"type":19,"tag":131,"props":297,"children":299},{"class":133,"line":298},6,[300,304,309,313,317,322,327,331],{"type":19,"tag":131,"props":301,"children":302},{"style":138},[303],{"type":24,"value":227},{"type":19,"tag":131,"props":305,"children":306},{"style":144},[307],{"type":24,"value":308},"button",{"type":19,"tag":131,"props":310,"children":311},{"style":169},[312],{"type":24,"value":172},{"type":19,"tag":131,"props":314,"children":315},{"style":138},[316],{"type":24,"value":177},{"type":19,"tag":131,"props":318,"children":319},{"style":180},[320],{"type":24,"value":321},"\"bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:shadow-lg\"",{"type":19,"tag":131,"props":323,"children":324},{"style":138},[325],{"type":24,"value":326},">免费试用 30 天\u003C/",{"type":19,"tag":131,"props":328,"children":329},{"style":144},[330],{"type":24,"value":308},{"type":19,"tag":131,"props":332,"children":333},{"style":138},[334],{"type":24,"value":152},{"type":19,"tag":131,"props":336,"children":338},{"class":133,"line":337},7,[339,344,348],{"type":19,"tag":131,"props":340,"children":341},{"style":138},[342],{"type":24,"value":343},"        \u003C/",{"type":19,"tag":131,"props":345,"children":346},{"style":144},[347],{"type":24,"value":201},{"type":19,"tag":131,"props":349,"children":350},{"style":138},[351],{"type":24,"value":152},{"type":19,"tag":131,"props":353,"children":355},{"class":133,"line":354},8,[356,361,365],{"type":19,"tag":131,"props":357,"children":358},{"style":138},[359],{"type":24,"value":360},"    \u003C/",{"type":19,"tag":131,"props":362,"children":363},{"style":144},[364],{"type":24,"value":166},{"type":19,"tag":131,"props":366,"children":367},{"style":138},[368],{"type":24,"value":152},{"type":19,"tag":131,"props":370,"children":372},{"class":133,"line":371},9,[373,378,382],{"type":19,"tag":131,"props":374,"children":375},{"style":138},[376],{"type":24,"value":377},"\u003C/",{"type":19,"tag":131,"props":379,"children":380},{"style":144},[381],{"type":24,"value":147},{"type":19,"tag":131,"props":383,"children":384},{"style":138},[385],{"type":24,"value":152},{"type":19,"tag":387,"props":388,"children":389},"hr",{},[],{"type":19,"tag":32,"props":391,"children":393},{"id":392},"示例-2电商品牌商品展示页",[394],{"type":24,"value":395},"🛒 示例 2：电商品牌商品展示页",{"type":19,"tag":39,"props":397,"children":399},{"id":398},"提示词",[400],{"type":24,"value":398},{"type":19,"tag":46,"props":402,"children":404},{"code":403},"为一个有机护肤品牌创建商品展示页。\n产品特点：天然有机、敏感肌适用、环保包装。\n页面包含：品牌故事、产品系列、成分介绍、用户评价、购买引导。\n风格：自然清新，绿色与米色为主，强调整体环保理念。\n",[405],{"type":19,"tag":51,"props":406,"children":407},{"__ignoreMap":7},[408],{"type":24,"value":403},{"type":19,"tag":39,"props":410,"children":412},{"id":411},"ai-生成结构-1",[413],{"type":24,"value":60},{"type":19,"tag":62,"props":415,"children":416},{},[417,422,427,432,437],{"type":19,"tag":66,"props":418,"children":419},{},[420],{"type":24,"value":421},"Hero：品牌理念 + 主打产品视觉",{"type":19,"tag":66,"props":423,"children":424},{},[425],{"type":24,"value":426},"Product Series：系列卡片（3-4 个）",{"type":19,"tag":66,"props":428,"children":429},{},[430],{"type":24,"value":431},"Ingredients：核心成分介绍（图文）",{"type":19,"tag":66,"props":433,"children":434},{},[435],{"type":24,"value":436},"Reviews：用户评价（4-6 条）",{"type":19,"tag":66,"props":438,"children":439},{},[440],{"type":24,"value":441},"CTA：购买引导（按钮 + 促销信息）",{"type":19,"tag":39,"props":443,"children":445},{"id":444},"文案样例片段-1",[446],{"type":24,"value":106},{"type":19,"tag":46,"props":448,"children":450},{"code":449},"标题：源自自然，回归纯净\n副标题：敏感肌也安心的有机护肤体验\n按钮：立即购买\n",[451],{"type":19,"tag":51,"props":452,"children":453},{"__ignoreMap":7},[454],{"type":24,"value":449},{"type":19,"tag":39,"props":456,"children":458},{"id":457},"代码片段html-片段",[459],{"type":24,"value":460},"代码片段（HTML 片段）",{"type":19,"tag":46,"props":462,"children":466},{"code":463,"language":464,"meta":7,"className":465,"style":7},"\u003Csection class=\"hero bg-green-100 py-16\">\n    \u003Cdiv class=\"container mx-auto px-6 text-center\">\n        \u003Ch1 class=\"text-4xl font-bold mb-3\">源自自然，回归纯净\u003C/h1>\n        \u003Cp class=\"text-lg text-gray-700 mb-6\">敏感肌也安心的有机护肤体验\u003C/p>\n        \u003Ca href=\"#buy\" class=\"inline-block bg-green-600 text-white px-6 py-3 rounded\">立即购买\u003C/a>\n    \u003C/div>\n\u003C/section>\n","html","language-html shiki shiki-themes github-dark github-dark",[467],{"type":19,"tag":51,"props":468,"children":469},{"__ignoreMap":7},[470,498,525,562,599,651,666],{"type":19,"tag":131,"props":471,"children":472},{"class":133,"line":134},[473,477,481,485,489,494],{"type":19,"tag":131,"props":474,"children":475},{"style":138},[476],{"type":24,"value":141},{"type":19,"tag":131,"props":478,"children":479},{"style":144},[480],{"type":24,"value":166},{"type":19,"tag":131,"props":482,"children":483},{"style":169},[484],{"type":24,"value":172},{"type":19,"tag":131,"props":486,"children":487},{"style":138},[488],{"type":24,"value":177},{"type":19,"tag":131,"props":490,"children":491},{"style":180},[492],{"type":24,"value":493},"\"hero bg-green-100 py-16\"",{"type":19,"tag":131,"props":495,"children":496},{"style":138},[497],{"type":24,"value":152},{"type":19,"tag":131,"props":499,"children":500},{"class":133,"line":155},[501,505,509,513,517,521],{"type":19,"tag":131,"props":502,"children":503},{"style":138},[504],{"type":24,"value":161},{"type":19,"tag":131,"props":506,"children":507},{"style":144},[508],{"type":24,"value":201},{"type":19,"tag":131,"props":510,"children":511},{"style":169},[512],{"type":24,"value":172},{"type":19,"tag":131,"props":514,"children":515},{"style":138},[516],{"type":24,"value":177},{"type":19,"tag":131,"props":518,"children":519},{"style":180},[520],{"type":24,"value":214},{"type":19,"tag":131,"props":522,"children":523},{"style":138},[524],{"type":24,"value":152},{"type":19,"tag":131,"props":526,"children":527},{"class":133,"line":190},[528,532,536,540,544,549,554,558],{"type":19,"tag":131,"props":529,"children":530},{"style":138},[531],{"type":24,"value":196},{"type":19,"tag":131,"props":533,"children":534},{"style":144},[535],{"type":24,"value":20},{"type":19,"tag":131,"props":537,"children":538},{"style":169},[539],{"type":24,"value":172},{"type":19,"tag":131,"props":541,"children":542},{"style":138},[543],{"type":24,"value":177},{"type":19,"tag":131,"props":545,"children":546},{"style":180},[547],{"type":24,"value":548},"\"text-4xl font-bold mb-3\"",{"type":19,"tag":131,"props":550,"children":551},{"style":138},[552],{"type":24,"value":553},">源自自然，回归纯净\u003C/",{"type":19,"tag":131,"props":555,"children":556},{"style":144},[557],{"type":24,"value":20},{"type":19,"tag":131,"props":559,"children":560},{"style":138},[561],{"type":24,"value":152},{"type":19,"tag":131,"props":563,"children":564},{"class":133,"line":221},[565,569,573,577,581,586,591,595],{"type":19,"tag":131,"props":566,"children":567},{"style":138},[568],{"type":24,"value":196},{"type":19,"tag":131,"props":570,"children":571},{"style":144},[572],{"type":24,"value":26},{"type":19,"tag":131,"props":574,"children":575},{"style":169},[576],{"type":24,"value":172},{"type":19,"tag":131,"props":578,"children":579},{"style":138},[580],{"type":24,"value":177},{"type":19,"tag":131,"props":582,"children":583},{"style":180},[584],{"type":24,"value":585},"\"text-lg text-gray-700 mb-6\"",{"type":19,"tag":131,"props":587,"children":588},{"style":138},[589],{"type":24,"value":590},">敏感肌也安心的有机护肤体验\u003C/",{"type":19,"tag":131,"props":592,"children":593},{"style":144},[594],{"type":24,"value":26},{"type":19,"tag":131,"props":596,"children":597},{"style":138},[598],{"type":24,"value":152},{"type":19,"tag":131,"props":600,"children":601},{"class":133,"line":260},[602,606,611,616,620,625,629,633,638,643,647],{"type":19,"tag":131,"props":603,"children":604},{"style":138},[605],{"type":24,"value":196},{"type":19,"tag":131,"props":607,"children":608},{"style":144},[609],{"type":24,"value":610},"a",{"type":19,"tag":131,"props":612,"children":613},{"style":169},[614],{"type":24,"value":615}," href",{"type":19,"tag":131,"props":617,"children":618},{"style":138},[619],{"type":24,"value":177},{"type":19,"tag":131,"props":621,"children":622},{"style":180},[623],{"type":24,"value":624},"\"#buy\"",{"type":19,"tag":131,"props":626,"children":627},{"style":169},[628],{"type":24,"value":172},{"type":19,"tag":131,"props":630,"children":631},{"style":138},[632],{"type":24,"value":177},{"type":19,"tag":131,"props":634,"children":635},{"style":180},[636],{"type":24,"value":637},"\"inline-block bg-green-600 text-white px-6 py-3 rounded\"",{"type":19,"tag":131,"props":639,"children":640},{"style":138},[641],{"type":24,"value":642},">立即购买\u003C/",{"type":19,"tag":131,"props":644,"children":645},{"style":144},[646],{"type":24,"value":610},{"type":19,"tag":131,"props":648,"children":649},{"style":138},[650],{"type":24,"value":152},{"type":19,"tag":131,"props":652,"children":653},{"class":133,"line":298},[654,658,662],{"type":19,"tag":131,"props":655,"children":656},{"style":138},[657],{"type":24,"value":360},{"type":19,"tag":131,"props":659,"children":660},{"style":144},[661],{"type":24,"value":201},{"type":19,"tag":131,"props":663,"children":664},{"style":138},[665],{"type":24,"value":152},{"type":19,"tag":131,"props":667,"children":668},{"class":133,"line":337},[669,673,677],{"type":19,"tag":131,"props":670,"children":671},{"style":138},[672],{"type":24,"value":377},{"type":19,"tag":131,"props":674,"children":675},{"style":144},[676],{"type":24,"value":166},{"type":19,"tag":131,"props":678,"children":679},{"style":138},[680],{"type":24,"value":152},{"type":19,"tag":387,"props":682,"children":683},{},[],{"type":19,"tag":32,"props":685,"children":687},{"id":686},"示例-3教育机构课程介绍页",[688],{"type":24,"value":689},"📚 示例 3：教育机构课程介绍页",{"type":19,"tag":39,"props":691,"children":693},{"id":692},"提示词-1",[694],{"type":24,"value":398},{"type":19,"tag":46,"props":696,"children":698},{"code":697},"设计一个在线编程培训机构的课程介绍页。\n课程：Web 前端、Python、Java。\n页面包含：课程体系、师资介绍、学员作品、报名优惠、常见问题。\n风格：现代清新，强调学习氛围，主色橙色系。\n",[699],{"type":19,"tag":51,"props":700,"children":701},{"__ignoreMap":7},[702],{"type":24,"value":697},{"type":19,"tag":39,"props":704,"children":706},{"id":705},"ai-生成结构-2",[707],{"type":24,"value":60},{"type":19,"tag":62,"props":709,"children":710},{},[711,716,721,726,731,736],{"type":19,"tag":66,"props":712,"children":713},{},[714],{"type":24,"value":715},"Hero：课程主张与报名按钮",{"type":19,"tag":66,"props":717,"children":718},{},[719],{"type":24,"value":720},"Curriculum：课程体系（表格/卡片）",{"type":19,"tag":66,"props":722,"children":723},{},[724],{"type":24,"value":725},"Instructors：师资介绍（头像 + 简介）",{"type":19,"tag":66,"props":727,"children":728},{},[729],{"type":24,"value":730},"Student Works：学员作品（网格）",{"type":19,"tag":66,"props":732,"children":733},{},[734],{"type":24,"value":735},"FAQ：常见问题（折叠面板）",{"type":19,"tag":66,"props":737,"children":738},{},[739],{"type":24,"value":740},"CTA：报名优惠与活动倒计时",{"type":19,"tag":39,"props":742,"children":744},{"id":743},"文案样例片段-2",[745],{"type":24,"value":106},{"type":19,"tag":46,"props":747,"children":749},{"code":748},"标题：从零到上手，一站式编程学习\n副标题：项目驱动教学，作品集直达就业\n按钮：立即报名\n",[750],{"type":19,"tag":51,"props":751,"children":752},{"__ignoreMap":7},[753],{"type":24,"value":748},{"type":19,"tag":39,"props":755,"children":757},{"id":756},"代码片段faq-折叠组件",[758],{"type":24,"value":759},"代码片段（FAQ 折叠组件）",{"type":19,"tag":46,"props":761,"children":763},{"code":762,"language":464,"meta":7,"className":465,"style":7},"\u003Cdetails class=\"mb-3\">\n    \u003Csummary class=\"font-semibold\">是否需要基础？\u003C/summary>\n    \u003Cp class=\"mt-2 text-gray-600\">无需基础，课程从零起步，项目驱动逐步掌握核心技能。\u003C/p>\n  \n\u003C/details>\n\u003Cdetails class=\"mb-3\">\n    \u003Csummary class=\"font-semibold\">是否提供就业指导？\u003C/summary>\n    \u003Cp class=\"mt-2 text-gray-600\">提供作品集优化、面试辅导与内推支持，助力顺利入职。\u003C/p>\n\u003C/details>\n",[764],{"type":19,"tag":51,"props":765,"children":766},{"__ignoreMap":7},[767,796,834,871,879,894,921,957,993],{"type":19,"tag":131,"props":768,"children":769},{"class":133,"line":134},[770,774,779,783,787,792],{"type":19,"tag":131,"props":771,"children":772},{"style":138},[773],{"type":24,"value":141},{"type":19,"tag":131,"props":775,"children":776},{"style":144},[777],{"type":24,"value":778},"details",{"type":19,"tag":131,"props":780,"children":781},{"style":169},[782],{"type":24,"value":172},{"type":19,"tag":131,"props":784,"children":785},{"style":138},[786],{"type":24,"value":177},{"type":19,"tag":131,"props":788,"children":789},{"style":180},[790],{"type":24,"value":791},"\"mb-3\"",{"type":19,"tag":131,"props":793,"children":794},{"style":138},[795],{"type":24,"value":152},{"type":19,"tag":131,"props":797,"children":798},{"class":133,"line":155},[799,803,808,812,816,821,826,830],{"type":19,"tag":131,"props":800,"children":801},{"style":138},[802],{"type":24,"value":161},{"type":19,"tag":131,"props":804,"children":805},{"style":144},[806],{"type":24,"value":807},"summary",{"type":19,"tag":131,"props":809,"children":810},{"style":169},[811],{"type":24,"value":172},{"type":19,"tag":131,"props":813,"children":814},{"style":138},[815],{"type":24,"value":177},{"type":19,"tag":131,"props":817,"children":818},{"style":180},[819],{"type":24,"value":820},"\"font-semibold\"",{"type":19,"tag":131,"props":822,"children":823},{"style":138},[824],{"type":24,"value":825},">是否需要基础？\u003C/",{"type":19,"tag":131,"props":827,"children":828},{"style":144},[829],{"type":24,"value":807},{"type":19,"tag":131,"props":831,"children":832},{"style":138},[833],{"type":24,"value":152},{"type":19,"tag":131,"props":835,"children":836},{"class":133,"line":190},[837,841,845,849,853,858,863,867],{"type":19,"tag":131,"props":838,"children":839},{"style":138},[840],{"type":24,"value":161},{"type":19,"tag":131,"props":842,"children":843},{"style":144},[844],{"type":24,"value":26},{"type":19,"tag":131,"props":846,"children":847},{"style":169},[848],{"type":24,"value":172},{"type":19,"tag":131,"props":850,"children":851},{"style":138},[852],{"type":24,"value":177},{"type":19,"tag":131,"props":854,"children":855},{"style":180},[856],{"type":24,"value":857},"\"mt-2 text-gray-600\"",{"type":19,"tag":131,"props":859,"children":860},{"style":138},[861],{"type":24,"value":862},">无需基础，课程从零起步，项目驱动逐步掌握核心技能。\u003C/",{"type":19,"tag":131,"props":864,"children":865},{"style":144},[866],{"type":24,"value":26},{"type":19,"tag":131,"props":868,"children":869},{"style":138},[870],{"type":24,"value":152},{"type":19,"tag":131,"props":872,"children":873},{"class":133,"line":221},[874],{"type":19,"tag":131,"props":875,"children":876},{"style":138},[877],{"type":24,"value":878},"  \n",{"type":19,"tag":131,"props":880,"children":881},{"class":133,"line":260},[882,886,890],{"type":19,"tag":131,"props":883,"children":884},{"style":138},[885],{"type":24,"value":377},{"type":19,"tag":131,"props":887,"children":888},{"style":144},[889],{"type":24,"value":778},{"type":19,"tag":131,"props":891,"children":892},{"style":138},[893],{"type":24,"value":152},{"type":19,"tag":131,"props":895,"children":896},{"class":133,"line":298},[897,901,905,909,913,917],{"type":19,"tag":131,"props":898,"children":899},{"style":138},[900],{"type":24,"value":141},{"type":19,"tag":131,"props":902,"children":903},{"style":144},[904],{"type":24,"value":778},{"type":19,"tag":131,"props":906,"children":907},{"style":169},[908],{"type":24,"value":172},{"type":19,"tag":131,"props":910,"children":911},{"style":138},[912],{"type":24,"value":177},{"type":19,"tag":131,"props":914,"children":915},{"style":180},[916],{"type":24,"value":791},{"type":19,"tag":131,"props":918,"children":919},{"style":138},[920],{"type":24,"value":152},{"type":19,"tag":131,"props":922,"children":923},{"class":133,"line":337},[924,928,932,936,940,944,949,953],{"type":19,"tag":131,"props":925,"children":926},{"style":138},[927],{"type":24,"value":161},{"type":19,"tag":131,"props":929,"children":930},{"style":144},[931],{"type":24,"value":807},{"type":19,"tag":131,"props":933,"children":934},{"style":169},[935],{"type":24,"value":172},{"type":19,"tag":131,"props":937,"children":938},{"style":138},[939],{"type":24,"value":177},{"type":19,"tag":131,"props":941,"children":942},{"style":180},[943],{"type":24,"value":820},{"type":19,"tag":131,"props":945,"children":946},{"style":138},[947],{"type":24,"value":948},">是否提供就业指导？\u003C/",{"type":19,"tag":131,"props":950,"children":951},{"style":144},[952],{"type":24,"value":807},{"type":19,"tag":131,"props":954,"children":955},{"style":138},[956],{"type":24,"value":152},{"type":19,"tag":131,"props":958,"children":959},{"class":133,"line":354},[960,964,968,972,976,980,985,989],{"type":19,"tag":131,"props":961,"children":962},{"style":138},[963],{"type":24,"value":161},{"type":19,"tag":131,"props":965,"children":966},{"style":144},[967],{"type":24,"value":26},{"type":19,"tag":131,"props":969,"children":970},{"style":169},[971],{"type":24,"value":172},{"type":19,"tag":131,"props":973,"children":974},{"style":138},[975],{"type":24,"value":177},{"type":19,"tag":131,"props":977,"children":978},{"style":180},[979],{"type":24,"value":857},{"type":19,"tag":131,"props":981,"children":982},{"style":138},[983],{"type":24,"value":984},">提供作品集优化、面试辅导与内推支持，助力顺利入职。\u003C/",{"type":19,"tag":131,"props":986,"children":987},{"style":144},[988],{"type":24,"value":26},{"type":19,"tag":131,"props":990,"children":991},{"style":138},[992],{"type":24,"value":152},{"type":19,"tag":131,"props":994,"children":995},{"class":133,"line":371},[996,1000,1004],{"type":19,"tag":131,"props":997,"children":998},{"style":138},[999],{"type":24,"value":377},{"type":19,"tag":131,"props":1001,"children":1002},{"style":144},[1003],{"type":24,"value":778},{"type":19,"tag":131,"props":1005,"children":1006},{"style":138},[1007],{"type":24,"value":152},{"type":19,"tag":387,"props":1009,"children":1010},{},[],{"type":19,"tag":32,"props":1012,"children":1014},{"id":1013},"️-示例-4内容营销博客文章页",[1015],{"type":24,"value":1016},"✍️ 示例 4：内容营销博客文章页",{"type":19,"tag":39,"props":1018,"children":1020},{"id":1019},"提示词-2",[1021],{"type":24,"value":398},{"type":19,"tag":46,"props":1023,"children":1025},{"code":1024},"生成一个面向中小企业的数字营销博客文章页。\n页面包含：标题、作者信息、发布时间、目录、正文章节、小结、相关推荐、分享按钮。\n风格：清晰易读，黑白灰为主，强调排版与可读性。\n",[1026],{"type":19,"tag":51,"props":1027,"children":1028},{"__ignoreMap":7},[1029],{"type":24,"value":1024},{"type":19,"tag":39,"props":1031,"children":1033},{"id":1032},"ai-生成结构-3",[1034],{"type":24,"value":60},{"type":19,"tag":62,"props":1036,"children":1037},{},[1038,1043,1048,1053,1058],{"type":19,"tag":66,"props":1039,"children":1040},{},[1041],{"type":24,"value":1042},"Header：文章标题、作者、时间",{"type":19,"tag":66,"props":1044,"children":1045},{},[1046],{"type":24,"value":1047},"TOC：目录（自动生成锚点）",{"type":19,"tag":66,"props":1049,"children":1050},{},[1051],{"type":24,"value":1052},"Content：分节正文（H2/H3）",{"type":19,"tag":66,"props":1054,"children":1055},{},[1056],{"type":24,"value":1057},"Related：相关推荐卡片（3-4）",{"type":19,"tag":66,"props":1059,"children":1060},{},[1061],{"type":24,"value":1062},"Share：社交分享按钮",{"type":19,"tag":39,"props":1064,"children":1066},{"id":1065},"文案样例片段-3",[1067],{"type":24,"value":106},{"type":19,"tag":46,"props":1069,"children":1071},{"code":1070},"标题：用数据驱动的内容增长策略\n副标题：从关键词到转化路径的系统化实践\n",[1072],{"type":19,"tag":51,"props":1073,"children":1074},{"__ignoreMap":7},[1075],{"type":24,"value":1070},{"type":19,"tag":39,"props":1077,"children":1079},{"id":1078},"代码片段文章头部",[1080],{"type":24,"value":1081},"代码片段（文章头部）",{"type":19,"tag":46,"props":1083,"children":1085},{"code":1084,"language":464,"meta":7,"className":465,"style":7},"\u003Cheader class=\"prose mx-auto py-12\">\n    \u003Ch1>用数据驱动的内容增长策略\u003C/h1>\n    \u003Cp class=\"text-gray-600\">作者：HTMLPAGE · 发布于 2025-11-27\u003C/p>\n\u003C/header>\n",[1086],{"type":19,"tag":51,"props":1087,"children":1088},{"__ignoreMap":7},[1089,1118,1142,1179],{"type":19,"tag":131,"props":1090,"children":1091},{"class":133,"line":134},[1092,1096,1101,1105,1109,1114],{"type":19,"tag":131,"props":1093,"children":1094},{"style":138},[1095],{"type":24,"value":141},{"type":19,"tag":131,"props":1097,"children":1098},{"style":144},[1099],{"type":24,"value":1100},"header",{"type":19,"tag":131,"props":1102,"children":1103},{"style":169},[1104],{"type":24,"value":172},{"type":19,"tag":131,"props":1106,"children":1107},{"style":138},[1108],{"type":24,"value":177},{"type":19,"tag":131,"props":1110,"children":1111},{"style":180},[1112],{"type":24,"value":1113},"\"prose mx-auto py-12\"",{"type":19,"tag":131,"props":1115,"children":1116},{"style":138},[1117],{"type":24,"value":152},{"type":19,"tag":131,"props":1119,"children":1120},{"class":133,"line":155},[1121,1125,1129,1134,1138],{"type":19,"tag":131,"props":1122,"children":1123},{"style":138},[1124],{"type":24,"value":161},{"type":19,"tag":131,"props":1126,"children":1127},{"style":144},[1128],{"type":24,"value":20},{"type":19,"tag":131,"props":1130,"children":1131},{"style":138},[1132],{"type":24,"value":1133},">用数据驱动的内容增长策略\u003C/",{"type":19,"tag":131,"props":1135,"children":1136},{"style":144},[1137],{"type":24,"value":20},{"type":19,"tag":131,"props":1139,"children":1140},{"style":138},[1141],{"type":24,"value":152},{"type":19,"tag":131,"props":1143,"children":1144},{"class":133,"line":190},[1145,1149,1153,1157,1161,1166,1171,1175],{"type":19,"tag":131,"props":1146,"children":1147},{"style":138},[1148],{"type":24,"value":161},{"type":19,"tag":131,"props":1150,"children":1151},{"style":144},[1152],{"type":24,"value":26},{"type":19,"tag":131,"props":1154,"children":1155},{"style":169},[1156],{"type":24,"value":172},{"type":19,"tag":131,"props":1158,"children":1159},{"style":138},[1160],{"type":24,"value":177},{"type":19,"tag":131,"props":1162,"children":1163},{"style":180},[1164],{"type":24,"value":1165},"\"text-gray-600\"",{"type":19,"tag":131,"props":1167,"children":1168},{"style":138},[1169],{"type":24,"value":1170},">作者：HTMLPAGE · 发布于 2025-11-27\u003C/",{"type":19,"tag":131,"props":1172,"children":1173},{"style":144},[1174],{"type":24,"value":26},{"type":19,"tag":131,"props":1176,"children":1177},{"style":138},[1178],{"type":24,"value":152},{"type":19,"tag":131,"props":1180,"children":1181},{"class":133,"line":221},[1182,1186,1190],{"type":19,"tag":131,"props":1183,"children":1184},{"style":138},[1185],{"type":24,"value":377},{"type":19,"tag":131,"props":1187,"children":1188},{"style":144},[1189],{"type":24,"value":1100},{"type":19,"tag":131,"props":1191,"children":1192},{"style":138},[1193],{"type":24,"value":152},{"type":19,"tag":387,"props":1195,"children":1196},{},[],{"type":19,"tag":32,"props":1198,"children":1200},{"id":1199},"提示词优化建议",[1201],{"type":24,"value":1202},"✅ 提示词优化建议",{"type":19,"tag":62,"props":1204,"children":1205},{},[1206,1211,1216,1221,1226],{"type":19,"tag":66,"props":1207,"children":1208},{},[1209],{"type":24,"value":1210},"明确页面类型与目标（如“提高注册转化”）。",{"type":19,"tag":66,"props":1212,"children":1213},{},[1214],{"type":24,"value":1215},"指定结构模块（Hero/Features/CTA 等）。",{"type":19,"tag":66,"props":1217,"children":1218},{},[1219],{"type":24,"value":1220},"说明风格与配色偏好（品牌色、视觉氛围）。",{"type":19,"tag":66,"props":1222,"children":1223},{},[1224],{"type":24,"value":1225},"提供目标用户与行业信息（更精准）。",{"type":19,"tag":66,"props":1227,"children":1228},{},[1229],{"type":24,"value":1230},"补充关键文案要点（标题语气、CTA 文案）。",{"type":19,"tag":32,"props":1232,"children":1234},{"id":1233},"常见页面元素样例",[1235],{"type":24,"value":1236},"🔧 常见页面元素样例",{"type":19,"tag":62,"props":1238,"children":1239},{},[1240,1245,1250,1255],{"type":19,"tag":66,"props":1241,"children":1242},{},[1243],{"type":24,"value":1244},"导航：固定顶部 + 响应式菜单。",{"type":19,"tag":66,"props":1246,"children":1247},{},[1248],{"type":24,"value":1249},"Hero：全宽背景 + 主按钮 + 次按钮。",{"type":19,"tag":66,"props":1251,"children":1252},{},[1253],{"type":24,"value":1254},"网格：2/3/4 栏卡片布局。",{"type":19,"tag":66,"props":1256,"children":1257},{},[1258],{"type":24,"value":1259},"页脚：多列信息 + 社交链接 +版权。",{"type":19,"tag":32,"props":1261,"children":1263},{"id":1262},"相关资源",[1264],{"type":24,"value":1265},"🔗 相关资源",{"type":19,"tag":62,"props":1267,"children":1268},{},[1269,1278,1287],{"type":19,"tag":66,"props":1270,"children":1271},{},[1272],{"type":19,"tag":610,"props":1273,"children":1275},{"href":1274},"/ai/quick-prototype.md",[1276],{"type":24,"value":1277},"快速原型",{"type":19,"tag":66,"props":1279,"children":1280},{},[1281],{"type":19,"tag":610,"props":1282,"children":1284},{"href":1283},"/ai/professional-pages.md",[1285],{"type":24,"value":1286},"专业页面",{"type":19,"tag":66,"props":1288,"children":1289},{},[1290],{"type":19,"tag":610,"props":1291,"children":1293},{"href":1292},"/ai/case-studies.md",[1294],{"type":24,"value":1295},"案例研究",{"type":19,"tag":387,"props":1297,"children":1298},{},[],{"type":19,"tag":26,"props":1300,"children":1301},{},[1302],{"type":19,"tag":1303,"props":1304,"children":1305},"em",{},[1306],{"type":24,"value":1307},"以上示例可直接用作生成的起点，并支持在编辑器中继续拖拽与微调。",{"type":19,"tag":1309,"props":1310,"children":1311},"style",{},[1312],{"type":24,"value":1313},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":7,"searchDepth":190,"depth":190,"links":1315},[1316,1322,1328,1334,1340,1341,1342],{"id":34,"depth":155,"text":37,"children":1317},[1318,1319,1320,1321],{"id":41,"depth":190,"text":44},{"id":57,"depth":190,"text":60},{"id":103,"depth":190,"text":106},{"id":117,"depth":190,"text":120},{"id":392,"depth":155,"text":395,"children":1323},[1324,1325,1326,1327],{"id":398,"depth":190,"text":398},{"id":411,"depth":190,"text":60},{"id":444,"depth":190,"text":106},{"id":457,"depth":190,"text":460},{"id":686,"depth":155,"text":689,"children":1329},[1330,1331,1332,1333],{"id":692,"depth":190,"text":398},{"id":705,"depth":190,"text":60},{"id":743,"depth":190,"text":106},{"id":756,"depth":190,"text":759},{"id":1013,"depth":155,"text":1016,"children":1335},[1336,1337,1338,1339],{"id":1019,"depth":190,"text":398},{"id":1032,"depth":190,"text":60},{"id":1065,"depth":190,"text":106},{"id":1078,"depth":190,"text":1081},{"id":1199,"depth":155,"text":1202},{"id":1233,"depth":155,"text":1236},{"id":1262,"depth":155,"text":1265},"markdown","content:ai:generation-examples.md","content","ai/generation-examples.md","ai/generation-examples","md",[1350,1361,1370],{"_path":1351,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":1352,"description":1353,"keywords":1354,"schemaType":1355,"author":11,"date":1356,"image":1357,"_type":1343,"_id":1358,"_source":1345,"_file":1359,"_stem":1360,"_extension":1348},"/ai/architecture-overview","AI架构概述 - HTMLPAGE智能网页生成系统","HTMLPAGE AI系统架构深度解析，了解多智能体协作、实时流式生成、模块化组装等核心技术，探索AI如何革新网页设计流程。","AI网页生成, 多智能体系统, 实时流式AI, 智能网页设计, AI架构, 机器学习","TechArticle","2025-11-24","/content-images/ai/architecture-overview.jpg","content:ai:architecture-overview.md","ai/architecture-overview.md","ai/architecture-overview",{"_path":1362,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":1363,"description":1364,"keywords":1365,"author":11,"date":12,"category":1366,"image":14,"_type":1343,"_id":1367,"_source":1345,"_file":1368,"_stem":1369,"_extension":1348},"/ai/batch-creation","批量页面创建","模板 + 提示词模式组合进行多页面高效率生成","批量页面创建, 批量生成, 提示词模板, HTMLPAGE","应用场景","content:ai:batch-creation.md","ai/batch-creation.md","ai/batch-creation",{"_path":1371,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":1372,"description":1373,"keywords":1374,"author":11,"date":12,"category":1295,"image":14,"_type":1343,"_id":1375,"_source":1345,"_file":1376,"_stem":1377,"_extension":1348},"/ai/case-studies","AI 案例研究","HTMLPAGE AI 在不同行业和场景中的成功应用案例","AI 案例研究, 成功案例, 页面生成, HTMLPAGE","content:ai:case-studies.md","ai/case-studies.md","ai/case-studies",1774945281082]