[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-biaogebusy--web-builder":3,"tool-biaogebusy--web-builder":61},[4,18,26,36,44,53],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",143909,2,"2026-04-07T11:33:18",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":32,"last_commit_at":42,"category_tags":43,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107888,"2026-04-06T11:32:50",[14,15,13],{"id":45,"name":46,"github_repo":47,"description_zh":48,"stars":49,"difficulty_score":32,"last_commit_at":50,"category_tags":51,"status":17},4721,"markitdown","microsoft\u002Fmarkitdown","MarkItDown 是一款由微软 AutoGen 团队打造的轻量级 Python 工具，专为将各类文件高效转换为 Markdown 格式而设计。它支持 PDF、Word、Excel、PPT、图片（含 OCR）、音频（含语音转录）、HTML 乃至 YouTube 链接等多种格式的解析，能够精准提取文档中的标题、列表、表格和链接等关键结构信息。\n\n在人工智能应用日益普及的今天，大语言模型（LLM）虽擅长处理文本，却难以直接读取复杂的二进制办公文档。MarkItDown 恰好解决了这一痛点，它将非结构化或半结构化的文件转化为模型“原生理解”且 Token 效率极高的 Markdown 格式，成为连接本地文件与 AI 分析 pipeline 的理想桥梁。此外，它还提供了 MCP（模型上下文协议）服务器，可无缝集成到 Claude Desktop 等 LLM 应用中。\n\n这款工具特别适合开发者、数据科学家及 AI 研究人员使用，尤其是那些需要构建文档检索增强生成（RAG）系统、进行批量文本分析或希望让 AI 助手直接“阅读”本地文件的用户。虽然生成的内容也具备一定可读性，但其核心优势在于为机器",93400,"2026-04-06T19:52:38",[52,14],"插件",{"id":54,"name":55,"github_repo":56,"description_zh":57,"stars":58,"difficulty_score":10,"last_commit_at":59,"category_tags":60,"status":17},4487,"LLMs-from-scratch","rasbt\u002FLLMs-from-scratch","LLMs-from-scratch 是一个基于 PyTorch 的开源教育项目，旨在引导用户从零开始一步步构建一个类似 ChatGPT 的大型语言模型（LLM）。它不仅是同名技术著作的官方代码库，更提供了一套完整的实践方案，涵盖模型开发、预训练及微调的全过程。\n\n该项目主要解决了大模型领域“黑盒化”的学习痛点。许多开发者虽能调用现成模型，却难以深入理解其内部架构与训练机制。通过亲手编写每一行核心代码，用户能够透彻掌握 Transformer 架构、注意力机制等关键原理，从而真正理解大模型是如何“思考”的。此外，项目还包含了加载大型预训练权重进行微调的代码，帮助用户将理论知识延伸至实际应用。\n\nLLMs-from-scratch 特别适合希望深入底层原理的 AI 开发者、研究人员以及计算机专业的学生。对于不满足于仅使用 API，而是渴望探究模型构建细节的技术人员而言，这是极佳的学习资源。其独特的技术亮点在于“循序渐进”的教学设计：将复杂的系统工程拆解为清晰的步骤，配合详细的图表与示例，让构建一个虽小但功能完备的大模型变得触手可及。无论你是想夯实理论基础，还是为未来研发更大规模的模型做准备",90106,"2026-04-06T11:19:32",[35,15,13,14],{"id":62,"github_repo":63,"name":64,"description_en":65,"description_zh":66,"ai_summary_zh":67,"readme_en":68,"readme_zh":69,"quickstart_zh":70,"use_case_zh":71,"hero_image_url":72,"owner_login":73,"owner_name":74,"owner_avatar_url":75,"owner_bio":76,"owner_company":77,"owner_location":78,"owner_email":79,"owner_twitter":80,"owner_website":81,"owner_url":82,"languages":83,"stars":108,"forks":109,"last_commit_at":110,"license":111,"difficulty_score":112,"env_os":113,"env_gpu":114,"env_ram":114,"env_deps":115,"category_tags":129,"github_topics":130,"view_count":32,"oss_zip_url":144,"oss_zip_packed_at":144,"status":17,"created_at":145,"updated_at":146,"faqs":147,"releases":158},5141,"biaogebusy\u002Fweb-builder","web-builder","AI 驱动 UI 生成和发布的低代码平台，基于TailwindCss，通过拖拽可视化快速构建现代化响应式UI、动态自定义组件、多主题、多语言的网站应用。AI-powered UI generation and publishing low code platform, built on TailwindCSS, enabling rapid drag-and-drop visual creation of modern responsive UIs, dynamic customizable components, multi-theme, and multi-language web applications.","web-builder 是一款由 AI 驱动的低代码平台，旨在帮助用户通过可视化拖拽快速构建现代化的响应式网站与应用。它基于 TailwindCSS 打造，不仅支持动态自定义组件、多主题切换及多语言适配，还能直接生成并发布高质量的 UI 界面。\n\n对于传统开发中反复编写样式代码、调整布局耗时较长的问题，web-builder 提供了高效的解决方案。用户无需深入编码细节，即可利用丰富的模板库和示例快速搭建页面，同时支持实时预览不同设备尺寸下的显示效果。其独特的亮点在于深度融合了 AI 大模型能力，能够通过自然语言对话自动生成 UI 布局、图表甚至工具应用，大幅降低了从创意到成品的门槛。此外，它还具备完善的版本管理、媒体库维护以及针对小程序的数据管理能力，并支持 AOS 和 GSAP 等精细动画效果。\n\n这款工具非常适合前端开发者、UI 设计师以及希望快速落地产品的创业团队使用。开发者可以借此减少重复性劳动，专注于核心逻辑；设计师能直观地将创意转化为可交互的原型；而具备基础技术认知的普通用户也能轻松上手，独立完成站点搭建。无论是构建企业官网、后台管理系统还是微信小程序，web-builde","web-builder 是一款由 AI 驱动的低代码平台，旨在帮助用户通过可视化拖拽快速构建现代化的响应式网站与应用。它基于 TailwindCSS 打造，不仅支持动态自定义组件、多主题切换及多语言适配，还能直接生成并发布高质量的 UI 界面。\n\n对于传统开发中反复编写样式代码、调整布局耗时较长的问题，web-builder 提供了高效的解决方案。用户无需深入编码细节，即可利用丰富的模板库和示例快速搭建页面，同时支持实时预览不同设备尺寸下的显示效果。其独特的亮点在于深度融合了 AI 大模型能力，能够通过自然语言对话自动生成 UI 布局、图表甚至工具应用，大幅降低了从创意到成品的门槛。此外，它还具备完善的版本管理、媒体库维护以及针对小程序的数据管理能力，并支持 AOS 和 GSAP 等精细动画效果。\n\n这款工具非常适合前端开发者、UI 设计师以及希望快速落地产品的创业团队使用。开发者可以借此减少重复性劳动，专注于核心逻辑；设计师能直观地将创意转化为可交互的原型；而具备基础技术认知的普通用户也能轻松上手，独立完成站点搭建。无论是构建企业官网、后台管理系统还是微信小程序，web-builder 都能提供灵活且强大的支持，让网页创作变得更加简单高效。","\u003Cp align=\"center\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_2a05549ada9b.png\" alt=\"logo\" width=\"100px\"\u002F>\n\u003C\u002Fp>\n\u003Ch1 align=\"center\">信使 Web builder\u003Cbr>AI 生成UI和工具应用的低代码平台\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n  \u003Cbr>\n  \u003Ci>AI 生成UI和工具应用的低代码平台，国内首款开源的基于 Drupal 作为 Headless 的低代码，基于 TailwindCss，通过拖拽可视化快速构建现代化响应式UI、动态自定义组件、多主题、多语言的网站应用。AI-powered UI generation and publishing low code platform, built on TailwindCSS, enabling rapid drag-and-drop visual creation of modern responsive UIs, dynamic customizable components, multi-theme, and multi-language web applications.\n    \u003C\u002Fi>\n  \u003Cbr>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fbuilder.design\">\u003Cstrong>https:\u002F\u002Fbuilder.design\u003C\u002Fstrong>\u003C\u002Fa>\n  \u003Cbr>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fbuilder-cms\">Builder CMS\u003C\u002Fa>\n  ·\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fxinshi-mini\">信使小程序\u003C\u002Fa>\n  ·\n  \u003Ca href=\"https:\u002F\u002Fdocs.builder.design\"> 文档 \u003C\u002Fa>\n  ·\n  \u003Ca href=\"https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fbiaogebusy\"> 知乎 \u003C\u002Fa>\n   ·\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fbuilder-docker\"> Docker 部署\u003C\u002Fa>\n  \u003Cbr>\n  \u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fspace.bilibili.com\u002F457248997\u002Flists\u002F2430152?type=season\">观看演示视频\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg style=\"border-radius:10px\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_bf258d05462c.png\" alt=\"logo\" width=\"100%\"\u002F>\n  \u003Cbr>\n  \u003Cimg style=\"border-radius:10px\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_ca856f7257b4.png\" alt=\"logo\" width=\"100%\"\u002F>\n  \u003Cbr>\n  \u003Cbr>\n\u003C\u002Fp>\n\n> 奥陌陌是已知的第一颗经过太阳系的星际天体，意为\"远方信使\"。\n\n## web builder\n\n| 功能点               | 说明                                                                  |\n| -------------------- | --------------------------------------------------------------------- |\n| Layout builder       | 动态 layout，基于 TailwindCss 的动态组件，支持静态数据和 API 数据来源 |\n| 组件编辑             | 删除、复制 JSON、编辑组件数据、拖动上下排列                           |\n| 媒体库               | 可在前台批量上传、查看、更新媒体库                                    |\n| 小程序数据维护       | 通过 builder 管理小程序的页面和组件                                   |\n| 页面历史版本         | 当提交、清空、加载示例等覆盖操作时新增历史版本                        |\n| 草稿检测             | 当前内容有最新时，提醒是否拉取最新                                    |\n| 丰富的模板库、示例库 | 基于模板库选择模板，快速生成页面                                      |\n| 复制整个页面的 JSON  | 可直接复制 json，部署到后台发布                                       |\n| 动画                 | 支持通用的AOS页面滚动动画和高细粒度的GSAP动画                         |\n| 切换全宽             | 方便大屏编辑，减少干扰                                                |\n| 快速生成页面         | 根据一定的规则从组件库中生成页面                                      |\n| 多主题切换预览       | 预览在多主题下的组件显示情况                                          |\n| 暗黑风格             | 支持切换浅色风格和暗黑风格，专注内容创作                              |\n| 页面预览             | 调转到新窗口查看真实的页面                                            |\n| 响应式预览           | 可切换不同设备尺寸查看页面响应式排版                                  |\n\n## Builder 预览\n\n|                                                      |                                                     |\n| ---------------------------------------------------- | --------------------------------------------------- |\n| ![swiper](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_d6b6118200a6.png)  | ![layout](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_71a52bf9185b.png) |\n| ![title](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_f05216907b7f.png)   | ![widget](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_1e68e60a7996.png) |\n| ![animate](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_fcac769fea35.png) | ![layout](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_33e6b636b012.png) |\n| ![swiper](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_ddd6505b8bbe.png)  | ![layout](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_9ac062b4cbbc.png) |\n\n## Builder Pro 预览\n\n> 基于AI大模型生成UI、页面和工具应用，欢迎体验。\n\n|                                                         |                                                               |\n| ------------------------------------------------------- | ------------------------------------------------------------- |\n| ![chat-entry](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_a3b9b8dcd0b1.png) | ![chat-tailwind](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_4f8eb2b5cd37.png) |\n| ![chat-chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_416ab2d8f61a.png) | ![chat-mermaid](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_6c0b52d7da87.png)   |\n\n## 信使 Mini 小程序\n\n\u003Cp align=\"center\">\n  \u003Ci>信使小程序是基于 Taro+NutUI 的小程序，Vue3拥有更好的编辑开发体验，\u003Cbr>在\u003Cstrong>Web builder\u003C\u002Fstrong>中通过拖拽可视化配置，小程序可动态构建页面。\n    \u003C\u002Fi>\n  \u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fxinshi-mini\">Github 开源地址\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg style=\"border-radius:10px\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_4f6345ed6718.png\" alt=\"logo\" width=\"70%\"\u002F>\n\u003C\u002Fp>\n\n## 相关视频演示\n\n- [DeepSeek 生成自定义组件](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1Xx9rYyEfK\u002F)\n- [AI 创建自定义组件，优化文案，一句话生成整个页面](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV17HfhYKEMz\u002F)\n- [构建Drupal CMS 预览版宣传着陆页](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1mD6hY6Et3\u002F)\n- [支持AOS通用页面滚动动画](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1VKkSY3E1r\u002F)\n- [Layout 嵌套](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1pH4y1L7qk)\n- [API 数据来源](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1ux4y1n7MA\u002F) | [静态数据来源](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1rf421R7He\u002F) TailwindCss 自定义组件\n- [复制功能快速构建组件](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1nF4m1w7cs\u002F)\n- [多语言发布及媒体库管理](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1XohfeoEtz\u002F)\n- [自定义示例和模板库](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1wExPeBEdn)\n\n\u003Cp>\n  \u003Cimg style=\"border-radius:10px\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_4f5f1f6a468f.jpg\" alt=\"logo\" width=\"160px\"\u002F>\n  \u003Cp>微信扫码查看更多视频\u003C\u002Fp>\n\u003C\u002Fp>\n\n## 对应版本\n\n| Web builder | Angular | Node     | TS     |\n| :---------- | :------ | :------- | :----- |\n| v11         | v20     | v22+     | v5.8+  |\n| v10         | v19     | v18+     | v5.5+  |\n| v9          | v18     | v18+     | v5.4   |\n| v8          | v17     | v18+     | v5.2   |\n| v7          | v16     | v16+     | v4.9.3 |\n| v6          | v14     | v14.15.0 | v4.6   |\n| v5          | v12     | v14      | v4     |\n| \u003C=v4        | v11     | v14      | v4     |\n\n## 技术选型\n\n- 前端：Angular + Material + TailwindCss\n- 动态表单：ngx-formly\n- web 动画：aos 页面滚动动画，gsap 细粒度定制化动画\n- 图表：Echarts\n- 视频：Video.js\n- 文件生成：jspdf 生成 pdf，html2canvas 生成图像，file-saver 下载文件，jszip 压缩文件\n- 编辑器：quill, jsoneditor, vs monaco-editor\n- 幻灯片：swiper\n- 字体图标：material design icons + 自定义 svg icon\n- 加密：crypto-js\n- 工具函数：lodash-es\n- 测试预览：storybook\n- web 服务：Nginx\n- 后端：Drupal(推荐)，通过 Drupal 的 views 视图可灵活配置动态组件、动态 api；\n\n## 开发指南\n\n## 安装 npm install\n\n1. 代码下载或者 clone 项目到本地：`git clone git@github.com:biaogebusy\u002Fweb-builder.git`\n2. 请使用 npm install 安装，严格按照 package-lock.json 锁版本安装，依赖较多，请多等待，使用 yarn 或者 pnpm 会有报错；\n\n## 本地开发\n\n`npm start`\n\n## 开发环境设置\n\n```javascript\n\u002F\u002F src\u002Fenvironments\u002Fenvironment.ts\nexport const environment: IEnvironment = {\n  apiUrl: \"http:\u002F\u002Flocalhost:4200\",\n  production: false,\n  port: 4200,\n  cache: false,\n  drupalProxy: false,\n  multiLang: true,\n  langs: [\n    {\n      label: \"中文\",\n      langCode: \"zh-hans\",\n      prefix: \"\u002F\",\n      default: true,\n    },\n    {\n      label: \"EN\",\n      langCode: \"en\",\n      prefix: \"\u002Fen\",\n    },\n  ],\n};\n```\n\n- apiUrl: 是整个应用的 Base api 参数；\n- production: 为 false 时，页面的内容 api 将调用本地 json 文件，true 时将会调用线上接口；\n- port: 自定义 Node 端口；\n- cache: 是否开启 api 请求缓存；\n- drupalProxy: 对应后端为 drupal，统一使用 Drupal 来登录登出；\n- multiLang: 应用是否是多语言；\n\n## 本地开发环境 Proxy 代理\n\n为了体验一致，本地默认配置体验站的API代理，配置文件`config\u002Fproxy.config.js`，根据实际情况进行配置；\n\n```javascript\nconst PROXY_CONFIG = [\n  {\n    context: ['\u002Fapi', '\u002Fuser', '\u002Fsites'],\n    target: 'https:\u002F\u002Fbuilder.design',\n    secure: false,\n    changeOrigin: true,\n  },\n];\n\nmodule.exports = PROXY_CONFIG;\n```\n\n## 为生产环境打包\n\n`npm run build`\n\n## 最后\n\n- QQ 交流群：1176468251\n- 如果觉得这个项目对您有所助益，请帮忙点个 star\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_a3046a1826b6.png)](https:\u002F\u002Fstar-history.com\u002F#biaogebusy\u002Fweb-builder&Date)\n","\u003Cp align=\"center\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_2a05549ada9b.png\" alt=\"logo\" width=\"100px\"\u002F>\n\u003C\u002Fp>\n\u003Ch1 align=\"center\">信使 Web builder\u003Cbr>AI 生成UI和工具应用的低代码平台\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n  \u003Cbr>\n  \u003Ci>AI 生成UI和工具应用的低代码平台，国内首款开源的基于 Drupal 作为 Headless 的低代码，基于 TailwindCss，通过拖拽可视化快速构建现代化响应式UI、动态自定义组件、多主题、多语言的网站应用。AI-powered UI generation and publishing low code platform, built on TailwindCSS, enabling rapid drag-and-drop visual creation of modern responsive UIs, dynamic customizable components, multi-theme, and multi-language web applications.\n    \u003C\u002Fi>\n  \u003Cbr>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fbuilder.design\">\u003Cstrong>https:\u002F\u002Fbuilder.design\u003C\u002Fstrong>\u003C\u002Fa>\n  \u003Cbr>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fbuilder-cms\">Builder CMS\u003C\u002Fa>\n  ·\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fxinshi-mini\">信使小程序\u003C\u002Fa>\n  ·\n  \u003Ca href=\"https:\u002F\u002Fdocs.builder.design\"> 文档 \u003C\u002Fa>\n  ·\n  \u003Ca href=\"https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fbiaogebusy\"> 知乎 \u003C\u002Fa>\n   ·\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fbuilder-docker\"> Docker 部署\u003C\u002Fa>\n  \u003Cbr>\n  \u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fspace.bilibili.com\u002F457248997\u002Flists\u002F2430152?type=season\">观看演示视频\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg style=\"border-radius:10px\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_bf258d05462c.png\" alt=\"logo\" width=\"100%\"\u002F>\n  \u003Cbr>\n  \u003Cimg style=\"border-radius:10px\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_ca856f7257b4.png\" alt=\"logo\" width=\"100%\"\u002F>\n  \u003Cbr>\n  \u003Cbr>\n\u003C\u002Fp>\n\n> 奥陌陌是已知的第一颗经过太阳系的星际天体，意为\"远方信使\"。\n\n## web builder\n\n| 功能点               | 说明                                                                  |\n| -------------------- | --------------------------------------------------------------------- |\n| Layout builder       | 动态 layout，基于 TailwindCss 的动态组件，支持静态数据和 API 数据来源 |\n| 组件编辑             | 删除、复制 JSON、编辑组件数据、拖动上下排列                           |\n| 媒体库               | 可在前台批量上传、查看、更新媒体库                                    |\n| 小程序数据维护       | 通过 builder 管理小程序的页面和组件                                   |\n| 页面历史版本         | 当提交、清空、加载示例等覆盖操作时新增历史版本                        |\n| 草稿检测             | 当前内容有最新时，提醒是否拉取最新                                    |\n| 丰富的模板库、示例库 | 基于模板库选择模板，快速生成页面                                      |\n| 复制整个页面的 JSON  | 可直接复制 json，部署到后台发布                                       |\n| 动画                 | 支持通用的AOS页面滚动动画和高细粒度的GSAP动画                         |\n| 切换全宽             | 方便大屏编辑，减少干扰                                                |\n| 快速生成页面         | 根据一定的规则从组件库中生成页面                                      |\n| 多主题切换预览       | 预览在多主题下的组件显示情况                                          |\n| 暗黑风格             | 支持切换浅色风格和暗黑风格，专注内容创作                              |\n| 页面预览             | 调转到新窗口查看真实的页面                                            |\n| 响应式预览           | 可切换不同设备尺寸查看页面响应式排版                                  |\n\n## Builder 预览\n\n|                                                      |                                                     |\n| ---------------------------------------------------- | --------------------------------------------------- |\n| ![swiper](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_d6b6118200a6.png)  | ![layout](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_71a52bf9185b.png) |\n| ![title](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_f05216907b7f.png)   | ![widget](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_1e68e60a7996.png) |\n| ![animate](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_fcac769fea35.png) | ![layout](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_33e6b636b012.png) |\n| ![swiper](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_ddd6505b8bbe.png)  | ![layout](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_9ac062b4cbbc.png) |\n\n## Builder Pro 预览\n\n> 基于AI大模型生成UI、页面和工具应用，欢迎体验。\n\n|                                                         |                                                               |\n| ------------------------------------------------------- | ------------------------------------------------------------- |\n| ![chat-entry](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_a3b9b8dcd0b1.png) | ![chat-tailwind](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_4f8eb2b5cd37.png) |\n| ![chat-chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_416ab2d8f61a.png) | ![chat-mermaid](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_6c0b52d7da87.png)   |\n\n## 信使 Mini 小程序\n\n\u003Cp align=\"center\">\n  \u003Ci>信使小程序是基于 Taro+NutUI 的小程序，Vue3拥有更好的编辑开发体验，\u003Cbr>在\u003Cstrong>Web builder\u003C\u002Fstrong>中通过拖拽可视化配置，小程序可动态构建页面。\n    \u003C\u002Fi>\n  \u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fxinshi-mini\">Github 开源地址\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg style=\"border-radius:10px\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_4f6345ed6718.png\" alt=\"logo\" width=\"70%\"\u002F>\n\u003C\u002Fp>\n\n## 相关视频演示\n\n- [DeepSeek 生成自定义组件](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1Xx9rYyEfK\u002F)\n- [AI 创建自定义组件，优化文案，一句话生成整个页面](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV17HfhYKEMz\u002F)\n- [构建Drupal CMS 预览版宣传着陆页](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1mD6hY6Et3\u002F)\n- [支持AOS通用页面滚动动画](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1VKkSY3E1r\u002F)\n- [Layout 嵌套](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1pH4y1L7qk)\n- [API 数据来源](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1ux4y1n7MA\u002F) | [静态数据来源](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1rf421R7He\u002F) TailwindCss 自定义组件\n- [复制功能快速构建组件](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1nF4m1w7cs\u002F)\n- [多语言发布及媒体库管理](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1XohfeoEtz\u002F)\n- [自定义示例和模板库](https:\u002F\u002Fwww.bilibili.com\u002Fvideo\u002FBV1wExPeBEdn)\n\n\u003Cp>\n  \u003Cimg style=\"border-radius:10px\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_4f5f1f6a468f.jpg\" alt=\"logo\" width=\"160px\"\u002F>\n  \u003Cp>微信扫码查看更多视频\u003C\u002Fp>\n\u003C\u002Fp>\n\n## 对应版本\n\n| Web builder | Angular | Node     | TS     |\n| :---------- | :------ | :------- | :----- |\n| v11         | v20     | v22+     | v5.8+  |\n| v10         | v19     | v18+     | v5.5+  |\n| v9          | v18     | v18+     | v5.4   |\n| v8          | v17     | v18+     | v5.2   |\n| v7          | v16     | v16+     | v4.9.3 |\n| v6          | v14     | v14.15.0 | v4.6   |\n| v5          | v12     | v14      | v4     |\n| \u003C=v4        | v11     | v14      | v4     |\n\n## 技术选型\n\n- 前端：Angular + Material + TailwindCss\n- 动态表单：ngx-formly\n- web 动画：aos 页面滚动动画，gsap 细粒度定制化动画\n- 图表：Echarts\n- 视频：Video.js\n- 文件生成：jspdf 生成 pdf，html2canvas 生成图像，file-saver 下载文件，jszip 压缩文件\n- 编辑器：quill, jsoneditor, vs monaco-editor\n- 幻灯片：swiper\n- 字体图标：material design icons + 自定义 svg icon\n- 加密：crypto-js\n- 工具函数：lodash-es\n- 测试预览：storybook\n- web 服务：Nginx\n- 后端：Drupal(推荐)，通过 Drupal 的 views 视图可灵活配置动态组件、动态 api；\n\n## 开发指南\n\n## 安装 npm install\n\n1. 代码下载或者 clone 项目到本地：`git clone git@github.com:biaogebusy\u002Fweb-builder.git`\n2. 请使用 npm install 安装，严格按照 package-lock.json 锁版本安装，依赖较多，请多等待，使用 yarn 或者 pnpm 会有报错；\n\n## 本地开发\n\n`npm start`\n\n## 开发环境设置\n\n```javascript\n\u002F\u002F src\u002Fenvironments\u002Fenvironment.ts\nexport const environment: IEnvironment = {\n  apiUrl: \"http:\u002F\u002Flocalhost:4200\",\n  production: false,\n  port: 4200,\n  cache: false,\n  drupalProxy: false,\n  multiLang: true,\n  langs: [\n    {\n      label: \"中文\",\n      langCode: \"zh-hans\",\n      prefix: \"\u002F\",\n      default: true,\n    },\n    {\n      label: \"EN\",\n      langCode: \"en\",\n      prefix: \"\u002Fen\",\n    },\n  ],\n};\n```\n\n- apiUrl: 是整个应用的 Base api 参数；\n- production: 为 false 时，页面的内容 api 将调用本地 json 文件，true 时将会调用线上接口；\n- port: 自定义 Node 端口；\n- cache: 是否开启 api 请求缓存；\n- drupalProxy: 对应后端为 drupal，统一使用 Drupal 来登录登出；\n- multiLang: 应用是否是多语言；\n\n## 本地开发环境 Proxy 代理\n\n为了体验一致，本地默认配置体验站的API代理，配置文件`config\u002Fproxy.config.js`，根据实际情况进行配置；\n\n```javascript\nconst PROXY_CONFIG = [\n  {\n    context: ['\u002Fapi', '\u002Fuser', '\u002Fsites'],\n    target: 'https:\u002F\u002Fbuilder.design',\n    secure: false,\n    changeOrigin: true,\n  },\n];\n\nmodule.exports = PROXY_CONFIG;\n```\n\n## 为生产环境打包\n\n`npm run build`\n\n## 最后\n\n- QQ 交流群：1176468251\n- 如果觉得这个项目对您有所助益，请帮忙点个 star\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_readme_a3046a1826b6.png)](https:\u002F\u002Fstar-history.com\u002F#biaogebusy\u002Fweb-builder&Date)","# 信使 Web Builder 快速上手指南\n\n信使 Web Builder 是一款基于 Angular、TailwindCSS 和 Drupal（Headless）的 AI 驱动低代码平台，支持通过拖拽可视化快速构建现代化响应式 UI、动态组件及多语言网站应用。\n\n## 1. 环境准备\n\n在开始之前，请确保您的开发环境满足以下版本要求。**强烈建议严格按照指定版本安装，以避免依赖冲突。**\n\n| 组件 | 推荐版本 (对应 Web Builder v11) | 备注 |\n| :--- | :--- | :--- |\n| **Node.js** | v22+ | 必须使用 npm，**不支持** yarn 或 pnpm |\n| **Angular** | v20 | 框架核心 |\n| **TypeScript** | v5.8+ | 语言支持 |\n| **包管理器** | npm | 需严格遵循 `package-lock.json` |\n\n> **注意**：项目依赖较多且对版本敏感，请务必使用 `npm` 进行安装，使用其他包管理器可能导致报错。\n\n## 2. 安装步骤\n\n### 2.1 克隆项目\n将代码仓库克隆到本地：\n\n```bash\ngit clone git@github.com:biaogebusy\u002Fweb-builder.git\ncd web-builder\n```\n\n### 2.2 安装依赖\n进入项目目录后，执行安装命令。由于依赖项众多，请耐心等待安装完成：\n\n```bash\nnpm install\n```\n\n> **提示**：国内开发者若遇到下载缓慢问题，可临时配置淘宝镜像源加速：\n> `npm config set registry https:\u002F\u002Fregistry.npmmirror.com`\n\n## 3. 基本使用\n\n### 3.1 启动本地开发服务器\n安装完成后，直接运行以下命令启动开发环境：\n\n```bash\nnpm start\n```\n\n默认情况下，应用将在 `http:\u002F\u002Flocalhost:4200` 启动。\n\n### 3.2 开发环境配置\n如需自定义 API 地址、端口或多语言设置，请编辑 `src\u002Fenvironments\u002Fenvironment.ts` 文件：\n\n```typescript\n\u002F\u002F src\u002Fenvironments\u002Fenvironment.ts\nexport const environment: IEnvironment = {\n  apiUrl: \"http:\u002F\u002Flocalhost:4200\", \u002F\u002F 基础 API 地址\n  production: false,               \u002F\u002F false 时使用本地 JSON 数据，true 时调用线上接口\n  port: 4200,                      \u002F\u002F 自定义 Node 端口\n  cache: false,                    \u002F\u002F 是否开启 API 请求缓存\n  drupalProxy: false,              \u002F\u002F 是否启用 Drupal 统一登录代理\n  multiLang: true,                 \u002F\u002F 是否启用多语言\n  langs: [\n    {\n      label: \"中文\",\n      langCode: \"zh-hans\",\n      prefix: \"\u002F\",\n      default: true,\n    },\n    {\n      label: \"EN\",\n      langCode: \"en\",\n      prefix: \"\u002Fen\",\n    },\n  ],\n};\n```\n\n### 3.3 配置本地代理 (可选)\n为了在本地开发时无缝对接线上 API 体验，可修改 `config\u002Fproxy.config.js` 配置代理转发：\n\n```javascript\nconst PROXY_CONFIG = [\n  {\n    context: ['\u002Fapi', '\u002Fuser', '\u002Fsites'],\n    target: 'https:\u002F\u002Fbuilder.design', \u002F\u002F 目标服务器地址\n    secure: false,\n    changeOrigin: true,\n  },\n];\n\nmodule.exports = PROXY_CONFIG;\n```\n\n### 3.4 生产环境打包\n完成开发和测试后，使用以下命令构建生产版本：\n\n```bash\nnpm run build\n```\n\n构建完成后，生成的文件即可部署至 Nginx 或其他 Web 服务器。","某电商初创团队需要在三天内上线一个支持多语言、适配移动端且具备暗黑模式的促销活动页，以配合即将到来的海外黑五大促。\n\n### 没有 web-builder 时\n- 前端工程师需手动编写大量 Tailwind CSS 类名来构建响应式布局，耗时且容易出错，难以保证多设备兼容性。\n- 设计师与开发协作断层，每次修改 UI 细节（如间距、颜色）都需要反复沟通并重新部署代码，迭代效率极低。\n- 实现多语言切换和暗黑模式需要额外编写复杂的逻辑判断和样式覆盖代码，显著增加了开发工作量。\n- 缺乏可视化预览手段，无法实时查看不同主题或设备尺寸下的页面效果，往往上线后才发现排版错乱。\n- 动画效果依赖手写 GSAP 或 AOS 配置，调试过程繁琐，非专业前端人员几乎无法独立完成。\n\n### 使用 web-builder 后\n- 通过拖拽可视化组件快速搭建页面，基于 Tailwind CSS 的预设动态组件自动适配各类屏幕，构建速度提升数倍。\n- 运营人员可直接在界面上调整组件数据、复制或删除模块，实时预览效果，无需等待开发排期即可完稿。\n- 一键开启多主题和多语言支持，系统自动处理样式切换与内容映射，轻松满足全球化促销需求。\n- 利用内置的响应式预览和暗黑模式开关，即时检查并修正不同场景下的显示问题，确保上线质量。\n- 直接选用模板库中的现成动画效果或让 AI 生成特定交互，无需编写底层代码即可实现流畅的滚动视差体验。\n\nweb-builder 将原本需要一周的全栈开发工作压缩至一天，让非技术人员也能独立交付高质量的现代化营销页面。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbiaogebusy_web-builder_d6b61182.png","biaogebusy","表歌","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fbiaogebusy_6405537b.jpg","知乎：biaogebusy\r\nX: Johnson_Biaoge","Davyin","广西南宁","349255833@qq.com","Johnson_Biaoge","https:\u002F\u002Fbuilder.design","https:\u002F\u002Fgithub.com\u002Fbiaogebusy",[84,88,92,96,100,104],{"name":85,"color":86,"percentage":87},"TypeScript","#3178c6",64.2,{"name":89,"color":90,"percentage":91},"HTML","#e34c26",17.5,{"name":93,"color":94,"percentage":95},"SCSS","#c6538c",16.8,{"name":97,"color":98,"percentage":99},"JavaScript","#f1e05a",1.4,{"name":101,"color":102,"percentage":103},"CSS","#663399",0.1,{"name":105,"color":106,"percentage":107},"Dockerfile","#384d54",0,553,94,"2026-04-03T23:15:58","AGPL-3.0",4,"Linux, macOS, Windows","未说明",{"notes":116,"python":117,"dependencies":118},"该项目为前端低代码平台，基于 Angular 和 Node.js 开发，非 Python AI 模型项目，因此无 GPU 和 Python 版本需求。安装时必须严格使用 npm install 并遵循 package-lock.json 锁定的版本，使用 yarn 或 pnpm 会导致报错。后端推荐搭配 Drupal CMS 使用以发挥动态组件和 API 配置功能，但也支持本地静态数据模式。","不需要",[119,120,121,122,123,124,125,126,127,128],"Angular v20 (对应 web-builder v11)","Node.js v22+ (对应 web-builder v11)","TypeScript v5.8+","TailwindCss","Material Design","ngx-formly","aos","gsap","Echarts","Drupal (推荐后端)",[14,13,15],[131,132,133,134,135,136,64,137,138,139,140,141,142,143],"angular","drupal","frond-end","storybook","rxjs","no-code","drag-and-drop","tailwindcss","ai","ai-agents","deepseek","low-code","lowcode",null,"2026-03-27T02:49:30.150509","2026-04-08T05:11:24.769677",[148,153],{"id":149,"question_zh":150,"answer_zh":151,"source_url":152},23329,"使用 yarn 安装依赖时报错或编译失败怎么办？","yarn 会重新生成 lock 文件，可能导致依赖的小版本与预期不一致，特别是 TypeScript 版本跨度过大时会引起编译错误。建议挂上梯子使用 npm 安装依赖（虽然速度较慢但更稳定）。此外，项目已更新 package.json，将 'fsevents' 移入 optionalDependencies，并修复了 lodash 引用错误：请搜索代码中的 'lodash' 并全部替换为 'lodash-es'，然后重新安装依赖。","https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fweb-builder\u002Fissues\u002F1",{"id":154,"question_zh":155,"answer_zh":156,"source_url":157},23330,"启动应用时出现 TypeScript 错误或访问页面失败如何解决？","请严格使用 npm 并按照 package-lock.json 文件安装依赖。不要使用 pnpm，因为它可能会导致兼容性问题。确保删除 node_modules 和 lock 文件后，运行 npm install 重新安装。","https:\u002F\u002Fgithub.com\u002Fbiaogebusy\u002Fweb-builder\u002Fissues\u002F2",[159,164,169,174,179,184,189,194,199,204,209,214,219,224,229,234,239,244,249,254],{"id":160,"version":161,"summary_zh":162,"released_at":163},142148,"V11.2.2","1. 修复组件工具栏中移动组件的错误问题；\r\n2. 页脚区域支持使用自定义组件；\r\n3. 新增高度可配置的动态表单 DynamicForm；\r\n4. 移除“联系我们”定制组件；\r\n5. 修复自定义组件中页码显示问题；\r\n6. 完善 Tailwind CSS 白名单；\r\n7. 修复 SSR 渲染动态组件时重复渲染两次的问题；\r\n8. 为登录和搜索页面添加多语言配置；\r\n9. 修复路由链接和 innerHTML 链接在动态页面中锚点滚动的问题；","2026-03-28T09:12:07",{"id":165,"version":166,"summary_zh":167,"released_at":168},142149,"V11.2.1","- 完善了 Tailwind CSS 的宽高白名单；\n- 重构了页面 URL 别名的更新方式；\n- 优化了媒体库上传流程；\n- 优化了仪表盘图表的统计功能，新增总数量、当年总数量以及当年各月份总数量的展示；\n- 修复了 Tailwind CSS 中 transform 样式的兼容性问题；\n- 优化了媒体库的选择操作；\n- 将 Builder CMS 从 D9 升级至 D10；\n- 修复了浅色和暗黑主题下加载动画的样式问题；\n- 废弃并移除了数据迁移组件，改用 Drupal 的 share-entity 模块即可；\n- 优化了 Builder 边栏和媒体库的样式。","2026-01-01T14:03:44",{"id":170,"version":171,"summary_zh":172,"released_at":173},142150,"V11.2.0","- 修复 Swiper 轮播组件中 Input 自定义 Class 的问题；\n- 优化了移动端 Header 工具栏；\n- 将 Angular 升级至 20.3.0，修复 SSR 安全漏洞问题；\n- 修复 SSR 水合与传统路由初始化时 enabledBlocking 存在冲突的问题；\n- 修复多层嵌套动态组件在使用 AOS 动画时无法正常执行的问题；\n- 重构 app.component，将 Header 和 Footer 下移到下一层组件中，使构建器能够更好地实现分离，减少层级和模式判断，并支持各页面自定义是否显示 Header 和 Footer；\n- 下拉菜单现支持任意类型的组件，只需指定组件的 UUID 即可；\n- 优化了组件背景图的配置，新增填充方式、位置等选项；\n- 相关依赖的资源库默认使用 CDN，同时也支持配置为本地资源库；\n- Footer 支持动态组件，以满足不同布局需求；\n- 重构 AOS 动画的触发机制；\n- 修复 Header 的响应式样式；\n- 移除旧版 HTTP 请求拦截，改用 SSR 新的请求拦截机制；\n- 修复 Tailwind CSS 最大宽度白名单正则表达式的错误。","2025-11-02T05:09:13",{"id":175,"version":176,"summary_zh":177,"released_at":178},142151,"V11.0.0","- 将 Angular 升级至 v20，Material 组件库升级至 v20；\n- 各依赖库升级至最新版本；\n- 修复在某些场景下 Dialog 的 afterClose 回调不执行的问题；\n- 将 emit 方式迁移至 output 属性；\n- 优化 SSR 渲染；\n- 将 Storybook 迁移至另一个代码仓库；\n- Formly 类型新增富文本编辑器类型，用于用户发布文章、博客等富文本内容；\n- 移除独立的 logoutToken；\n- UI\u002FUX 重构由后端负责更新和维护；\n- 重构部分组件的归属关系，将页面中不常用的模块归入同一组，以提升加载性能；\n- 修复 SSR 水合过程中的错误；\n- 修复 AOS 动画在水合过程中出现的渲染问题；\n- 搜索列表重构为支持自定义组件展示；\n- 数据迁移采集器支持自定义选择字段（非关联字段）；\n- 前台构建器中可修改和更新组件库中的组件数据；\n- 删除 Tailwind CSS 白名单中不常用的颜色，大幅缩减样式包体积；\n- 修复页面再次提交时提示存在冲突的问题；","2025-09-01T03:39:37",{"id":180,"version":181,"summary_zh":182,"released_at":183},142152,"V10.1.0","- 重构并升级主题至 Material Design 3；\n- 重构自定义主题；\n- 优化了构建器右侧的抽屉菜单；\n- 代码编辑器新增语法指南；\n- 修复并更新 Tailwind CSS 配置；","2025-06-13T14:56:02",{"id":185,"version":186,"summary_zh":187,"released_at":188},142153,"V10.0.0","- Angular 升级至 v19；\n- 优化代码编辑器，可将其拉高以方便编辑；\n- 在编辑区删除组件时，增加确认提示，防止误删；\n- 进一步优化代码编辑器，支持置底显示以便查看媒体库，并新增“编辑中”状态，用于判断内容是否已保存；\n- 新建页面后，弹出提示询问是否打开属性面板；\n- 新增数据采集功能——站点数据迁移，基于 JSON API 实现；\n- 修复了组件选择器；\n- 当页面编辑出现错误时，可通过页面 JSON 入口查看并修复 JSON 错误；\n- 背景色支持自然界常见颜色及 100–900 级别的色值变体；\n- 为 Base、Branding、Builder、Page 和 component 在 JSON 编辑器中添加了 Schema 校验；\n- 新增图标选择器；\n- 修复了手机号正则验证问题；\n- 新增 Node 添加组件，可通过构建器创建节点数据；\n- 移除 ang-jsoneditor 依赖，改用 JSON Editor 原生方式；\n- 在组件中按需加载 Swiper、video.js、LightGallery、Quill 和 JSON Editor 的样式，避免全局引入，从而提升 SEO 优化效果；\n- 移除 social-share.js 库；","2025-05-05T03:51:03",{"id":190,"version":191,"summary_zh":192,"released_at":193},142154,"V9.0.3","- 优化了构建器侧边栏样式；\r\n- 优化了组件选择器样式；\r\n- 优化了移动端菜单样式；\r\n- 修复了布局设置通过JSON修改后，再次配置时会被还原的问题；\r\n- 修复了暗黑模式下Material按钮的样式；\r\n- 修复了媒体库批量上传功能；\r\n- 优化了页面发布或更新时的状态提示；\r\n- 用户资料支持更新头像；\r\n- 升级并优化了代码编辑器；\r\n- 优化了登录页Logo；\r\n- 修复了媒体库上传文件名包含中文时出现的问题；\r\n- 将Echarts改为导入所有组件，便于AI生成；\r\n- 优化了组件选择器的用户体验；\r\n- 新增了Tailwind CSS类白名单；\r\n- 重构了媒体库，移除了mat-drawer；\r\n- 优化了构建器工作区侧边栏；\r\n- 新增了配置检查页面，新项目可通过该页面检查是否存在配置遗漏。","2025-03-13T07:29:17",{"id":195,"version":196,"summary_zh":197,"released_at":198},142155,"V9.0.2","- 新增了账户更新组件；\n- 重构了复合组件和基组件的Formly配置；\n- 重构了主题色彩组件及数据来源API；\n- 组件支持AOS动画，用户可选择基于AOS的基础滚动动画或使用GSAP实现更高精度的动画效果；\n- AOS动画可一键应用到页面的一级组件上；\n- 表格支持sticky固定布局；\n- 重构了图表组件，移除了ngx-echarts依赖包；\n- 将swiper拆分至carousel模块；\n- 将formly拆分至form模块；\n- 将search-sidebar拆分至search模块；\n- 修复了由Formly字段引发的性能问题；\n- 修复了富文本内容HTML较大时的渲染问题；\n- 修复了在构建器中使用AOS、GSAP动画时导致的性能问题；\n- 修复了布局构建器在选择组件并插入新列时出现的Bug；\n- 将Core Config中的构建器配置迁移至Builder Config；\n- 将MediaAssets媒体库Provider移至构建器模块，并默认开启缓存功能；\n- 修正了媒体库中SVG文件的显示问题；\n- 按钮组件的Icon支持放置于左侧或右侧；\n- 可视化box、card、card1v1等基组件现已支持配置；\n- 重构了组件工具栏，移除了区块工具栏；\n- 移除OnPush变更检测策略。由于动态组件中多层子嵌套可能导致子组件无法更新，此举也为后续引入Signal机制做准备。","2025-01-10T14:52:56",{"id":200,"version":201,"summary_zh":202,"released_at":203},142156,"V9.0.1","- 优化了构建器侧边栏菜单图标的样式；\r\n- 在编辑区中，当鼠标悬停在最外层组件上时，显示新增布局或新增基础组件的入口，从而优化用户的编辑体验；\r\n- 优化了应用页面的加载效果；\r\n- 对所有组件进行了优化重构，复合组件和基础组件均新增了全屏、间距、背景色、蒙版、class、ID等通用属性；\r\n- 引入了 ESLint 和 Husky，统一了代码格式化规范；\r\n- 成功更新页面后，若该页面已存在，则会更新为最新版本，而不会新建记录；\r\n- 构建器在加载或切换页面版本时，会检查当前版本是否为最新版本，以防止覆盖线上最新的更新内容；\r\n- 新增分类管理功能，支持添加、删除、修改分类；\r\n- 在构建器页面中添加了语言过滤器。","2024-12-09T07:02:00",{"id":205,"version":206,"summary_zh":207,"released_at":208},142157,"V8.0.3","- 小部件选择器由页面底部的弹出窗口改为侧边栏；\r\n- 着陆页新增封面字段，可从媒体库中选择图片作为封面；\r\n- 构建器中移除页头和页尾的预览功能；\r\n- 构建器右侧抽屉移至构建器最外层，从长远来看这应是通用的设计；\r\n- 前台页面新增跳转至该页面构建器工作区的功能；\r\n- 重构了构建器示例组件，将其改为构建器页面，可根据 URL 显示对应分类的页面列表；\r\n- 优化了构建器提供的模板示例，不再从内置资源中获取，改为从后台模板分类中获取；\r\n- 调整了用户登录后的 Cookie 过期时间，设置为 200,000 秒，与 Drupal 的默认值一致；\r\n- 核心配置支持通过构建器进行更新；\r\n- 构建器页面现由着陆页的构建器分类统一维护，不再使用 JSON 内容类型来管理；\r\n- 修复了工具栏中复制类型不一致导致的问题；\r\n- 构建器的欢迎默认页面不再在全局配置中维护，改由着陆页构建器分类下的 `\u002Fbuilder\u002Fdefault-page` 来管理。","2024-10-20T04:26:59",{"id":210,"version":211,"summary_zh":212,"released_at":213},142158,"V8.0.2","- Builder开始转向Manage的职能，添加builder workspace作为编辑空间；\r\n- Builder添加manage page组件，可以动态添加管理相关的页面；\r\n- 移除了manage media 路由；\r\n- 删除了manage block组件，已经没有必要，可以在builder中按需配置添加；\r\n- USER token重构为Observable；\r\n- Builder sidebar 支持多级菜单；\r\n- 修复builder swiper可视化配置问题；\r\n- Builder 添加路由守卫；\r\n- 解决动态组件在新版SSR模式下重复渲染的问题；\r\n- 新增json组件，用以支持微信小程序的组件管理；\r\n- 移除Branding的manageSidebar，统一使用Builder 的侧边栏做管理边栏；\r\n- mat-select在api的形式下，可以设置额外的options，比如\"无\"类似选项；\r\n- 更名player组件为video组件，添加自定义播放比例；\r\n- 修复单语言时jsonapi别名更新；\r\n- 升级quill到v2.0.2；\r\n- 升级typescript到7.0.0；\r\n- 媒体库支持批量删除；\r\n- 自定义模块支持Drupal views API分页；\r\n- 媒体库和Builder管理页面列表使用Views API；\r\n- 优化多语言，可在builder直接添加编辑对应的语言版本；\r\n- 添加PageSetting组件，支持对页面属性的更新；\r\n- 媒体库支持批量上传图片；\r\n- 使用NgOptimizedImage对img图片元素优化；\r\n- Builder可生成所有的组件到页面中，可方便全量测试；","2024-09-10T07:24:05",{"id":215,"version":216,"summary_zh":217,"released_at":218},142159,"V8.0.0","- 升级angualr 到v17;\r\n- 使用了新的SSR实现；\r\n- 使用了esbuild;\r\n- 使用了新的语法；\r\n\r\n- 升级 Angular v14 到 v15;\r\n- 升级 Angular v15 到 v16;\r\n- 重构：swiper, countTo, lightbox，Angulartics2Module;\r\n- 升级Storybook到v8，移除了一些包和组件;","2024-06-21T10:05:08",{"id":220,"version":221,"summary_zh":222,"released_at":223},142160,"V6.0.0","- 升级 Angular v12 到 v13;\r\n- 移除 article change, search action,dynamic form,dynamic form control, action 1v1 组件；\r\n- 升级了 ngx-quill 版本；\r\n- 升级 Angular v13 到 v14，Material 对应升级版本；\r\n- fullcalendar 升级到 v6；\r\n- tailwindCss 升级到 v3.4.3；\r\n- ngx-localstorage 升级到 v10；\r\n- ngx-cookie-service 升级到 v14；\r\n- ngx-formly 升级到 v6；\r\n- 移除了 tree,tree-list 组件和包，其中包含 mobx 依赖；\r\n- img 去掉了 flexLayout 依赖；\r\n- Layout builder 使用 grid，flex 有局限性，配置也少很多；\r\n- 移除了 packpery 模块；\r\n- 完全移除了 flex-layout 模块，所有的组件依赖该模块都已替换；\r\n- text 组件去除了限制只对 pc 断点的样式，会影响到 Hero 个别组件在移动端的样式；","2024-06-08T10:41:20",{"id":225,"version":226,"summary_zh":227,"released_at":228},142161,"V5.0.1","- 支持多语言；\r\n- 使用 tailwind 逐渐替换 FlexLayout;\r\n- LayoutBuilder 使用 Tailwind 重构；\r\n- 修复嵌套 Layout builder 的配置问题；\r\n- layout builder 的 text 组件支持富文本编辑；\r\n- 修复用户的登录状态；\r\n- builder 新增 copy 功能，widget picker 可直接选择 copy 的组件，支持跨页面复制；\r\n- 更新 web builder 开源协议为 AGPL v3;\r\n- 新增自定义数据源和模板组件，使用 vs 的 monaco-editor 为 html 模板编辑器；\r\n- builder 的示例页从应用中移除，转为从后台加载，节省应用的大小；\r\n- 自定义模板支持 api 数据源；\r\n- 支持百度统计；\r\n- 用户登录状态和资料使用 cookie 保存；","2024-06-01T14:08:08",{"id":230,"version":231,"summary_zh":232,"released_at":233},142162,"V5.0.0","- 升级 Angular v11 到 v12;\r\n- 修复了多主题重复样式的问题；\r\n- 加入 Tailwind Css;\r\n- 移除了 text 富文本组件默认的动画效果，统一在 layout builder 中配置；\r\n- 移除了 assets\u002Fimages 中特定产品的图片资源；\r\n- 新增了 slider formly 类型，基于 mat-slider 扩展；\r\n- 重命名 BlockModule 为 RenderModule;\r\n- 移除 showcase 3v1，layout builder 替代；\r\n- builder 已支持发布页面到 Drupal；\r\n- builder 已支持从 api 读取页面、更新页面；\r\n- layout builder 可以支持无限嵌套;\r\n- builder 中对复制的内容粘贴到可编辑文字时，对复制的内容清除格式，确保不影响当前样式；\r\n- builder 中新增、删除、移动、复制、更新等操作进行了优化重构；\r\n- 移除了 polyfills，不再兼容低版本浏览器；\r\n- login 页面改用弹窗形式，returnUrl 根据场景对应返回；\r\n- 升级@fullcalendar 到 v6，已还原，v6 SSR 有问题；","2024-04-27T15:18:34",{"id":235,"version":236,"summary_zh":237,"released_at":238},142163,"V4.2.4","- web builder 新增了对后台 landingPage 列表的预览、加载\r\n- web builder 新增了主边栏，调整了菜单位置；\r\n- web builder 支持 wiget 基础的可视化参数配置；\r\n- web builder 新建页面可选择经典的示例；\r\n- web builder 支持 gsap 动画的配置；\r\n- 移除了 dat.gui 轻量属性编辑库，使用 formly 重构；\r\n- formly 新增了 img picker 图片选择器；\r\n- 移除了不需要的 list2v1 组件；","2024-03-02T07:48:58",{"id":240,"version":241,"summary_zh":242,"released_at":243},142164,"V4.2.3","- web builder 支持文本的立即编辑和图片的选择更新（之前版本只能从JSON编辑）;","2023-12-23T15:38:41",{"id":245,"version":246,"summary_zh":247,"released_at":248},142165,"V4.2.2","## 4.2.2(2023-12-14)\r\n\r\n- web builder 增加了一些 tooltip，更优化提示用户使用体验；\r\n- web builder 为空时，不可切换设备预览；\r\n- 简化 text 组件的 action;\r\n- 移除了 disableToolbar，component toolbar 只在 builder 开启；\r\n- 统一了 builder 生成组件的 json 数据结构；\r\n- builder 边栏做了大的优化，统一了 UI，组件预览可以查看和复制 json 组件，以往需要拖动到 builder 区；\r\n- 新增了 Tour 引导提示，通过后台配置灵活选择提示的元素与信息；\r\n- 修复已用主题被移除时，已访问用户的主题显示问题；\r\n- link 组件添加了 tooltip;\r\n- 优化了暗黑主题，使结构和层次更清晰；\r\n- builder 支持快捷键 S 收起边栏；\r\n- builder 新增页面历史版本，清空、提交等操作会产生新的历史版本；","2023-12-18T14:18:55",{"id":250,"version":251,"summary_zh":252,"released_at":253},142166,"V4.2.1","- 移除了 dynamic-widgets 组件，使用 dynamic-component 代替；\r\n- 移除了 loop-widgets，dynamic-component 可替换功能；\r\n- 移除了 search-status, search-top 搜索相关用不到的组件；\r\n- 优化了 page drawer 的样式，修复图片和 iframe 的显示问题；\r\n- 增加了 Drupal 媒体库管理，在 builder 中可使用媒体库，点击可复制；\r\n- 更新了 stories 中组件的 interface；\r\n- 重构了搜索组件，使用 formly 动态表单；\r\n- Builder 可预览整个页面的 JSON 并修改；\r\n- Builder 新增响应式切换预览；\r\n- Builder 新增浅色和黑暗主题；\r\n- btn video 支持播放 iframe 类型的外部视频；\r\n- Manage sidebar 边栏样式更新；\r\n- 更新了 Builder toolbar 样式；\r\n- 添加了 Clarity，在 base config 配置即可开启，在 clarity 后台查看用户真实的使用情况；","2023-10-14T03:21:58",{"id":255,"version":256,"summary_zh":257,"released_at":258},142167,"V4.2.0","## 4.2.0(2023-06-24)\r\n- Builder: Storybook 中或者开启了 Builder 的站点可以从页面中选组件添加到预览页面，可复制单个组件或者整个页面的 JSON；\r\n- 导入组件和 widgets 到 Builder 中，对需要用到 API 的组件进行了测试数据的转换；\r\n- 添加了 jsoneditor 组件，可以预览和编辑 json;\r\n- Builder 的各类状态使用 Inject 注入，方便测试和维护；\r\n- Buidler 在移动端的优化；\r\n- 优化了 Builder 的暗黑主题；\r\n- 修复了 gsap 在 overflow auto 容器中的显示问题；\r\n- story 中的 home 实例，统一在 builder stories 中维护；\r\n- Builder 构建的预览可下载图片到本地；\r\n- Builder 添加了页面预览；","2023-06-29T04:05:17"]