[{"data":1,"prerenderedAt":313},["ShallowReactive",2],{"content-/guide/project-integration":3,"related-guide":281},{"_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":275,"_id":276,"_source":277,"_file":278,"_stem":279,"_extension":280},"/guide/project-integration","guide",false,"","项目集成","将 HTMLPAGE 生成的页面集成到现有项目","项目集成, 代码集成, 工作流集成, HTMLPAGE","HTMLPAGE","2025-11-27","开发","/content-images/guide/guide.jpg",{"type":16,"children":17,"toc":262},"root",[18,25,31,38,45,70,76,99,105,128,134,157,163,192,198,221,227,249,253],{"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},"复制 HTML/CSS",{"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},"导出为 Vue 组件",{"type":19,"tag":50,"props":85,"children":86},{},[87],{"type":24,"value":88},"导出为 React 组件",{"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},"发布为 NPM 包",{"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-git-集成",[132],{"type":24,"value":133},"4. Git 集成",{"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},"设置 CI/CD",{"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":164,"props":165,"children":166},"ol",{},[167,172,177,182,187],{"type":19,"tag":50,"props":168,"children":169},{},[170],{"type":24,"value":171},"导出项目文件",{"type":19,"tag":50,"props":173,"children":174},{},[175],{"type":24,"value":176},"选择集成方式",{"type":19,"tag":50,"props":178,"children":179},{},[180],{"type":24,"value":181},"调整项目配置",{"type":19,"tag":50,"props":183,"children":184},{},[185],{"type":24,"value":186},"测试功能",{"type":19,"tag":50,"props":188,"children":189},{},[190],{"type":24,"value":191},"部署上线",{"type":19,"tag":32,"props":193,"children":195},{"id":194},"集成建议",[196],{"type":24,"value":197},"💡 集成建议",{"type":19,"tag":46,"props":199,"children":200},{},[201,206,211,216],{"type":19,"tag":50,"props":202,"children":203},{},[204],{"type":24,"value":205},"保持代码独立",{"type":19,"tag":50,"props":207,"children":208},{},[209],{"type":24,"value":210},"建立集成文档",{"type":19,"tag":50,"props":212,"children":213},{},[214],{"type":24,"value":215},"充分测试",{"type":19,"tag":50,"props":217,"children":218},{},[219],{"type":24,"value":220},"监测效果",{"type":19,"tag":32,"props":222,"children":224},{"id":223},"相关资源",[225],{"type":24,"value":226},"🔗 相关资源",{"type":19,"tag":46,"props":228,"children":229},{},[230,240],{"type":19,"tag":50,"props":231,"children":232},{},[233],{"type":19,"tag":234,"props":235,"children":237},"a",{"href":236},"/features/export-options.md",[238],{"type":24,"value":239},"导出选项",{"type":19,"tag":50,"props":241,"children":242},{},[243],{"type":19,"tag":234,"props":244,"children":246},{"href":245},"/guide/deployment.md",[247],{"type":24,"value":248},"部署指南",{"type":19,"tag":250,"props":251,"children":252},"hr",{},[],{"type":19,"tag":26,"props":254,"children":255},{},[256],{"type":19,"tag":257,"props":258,"children":259},"em",{},[260],{"type":24,"value":261},"良好的项目集成让工作流更高效。",{"title":7,"searchDepth":263,"depth":263,"links":264},3,[265,272,273,274],{"id":34,"depth":266,"text":37,"children":267},2,[268,269,270,271],{"id":41,"depth":263,"text":44},{"id":72,"depth":263,"text":75},{"id":101,"depth":263,"text":104},{"id":130,"depth":263,"text":133},{"id":159,"depth":266,"text":162},{"id":194,"depth":266,"text":197},{"id":223,"depth":266,"text":226},"markdown","content:guide:project-integration.md","content","guide/project-integration.md","guide/project-integration","md",[282,294,305],{"_path":283,"_dir":284,"_draft":6,"_partial":6,"_locale":7,"title":285,"description":286,"keywords":287,"author":11,"date":288,"category":289,"image":290,"_type":275,"_id":291,"_source":277,"_file":292,"_stem":293,"_extension":280},"/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":295,"_dir":284,"_draft":6,"_partial":6,"_locale":7,"title":296,"description":297,"keywords":298,"author":299,"date":300,"category":301,"image":290,"_type":275,"_id":302,"_source":277,"_file":303,"_stem":304,"_extension":280},"/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":306,"_dir":284,"_draft":6,"_partial":6,"_locale":7,"title":307,"description":308,"keywords":309,"author":11,"date":288,"category":289,"image":290,"_type":275,"_id":310,"_source":277,"_file":311,"_stem":312,"_extension":280},"/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",1774945279184]