id: 5c04cb48caae494b9c46262821fa4e90
parent_id: 
item_type: 1
item_id: d2545e4df1c94833a7e9ece950e6ff08
item_updated_time: 1764365027525
title_diff: "[{\"diffs\":[[1,\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":38}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"content-class\\\" content=\\\"yinxiang.peso.superNote\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.noteLayout\\\" content=\\\"{\\\"lineSpace\\\":\\\"recommend\\\",\\\"paragraphSpace\\\":\\\"recommend\\\"}\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"46150\\\"></a>\\\r\\\n<h1>狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"margin:0px;\\\"><div style=\\\"padding:8px 0px;margin:8px auto;max-width:700px;\\\"> <div><span></span></div>\\\n<p></p>\\\n<div style=\\\"--en-blockquote:true;box-sizing: border-box; padding-left: 19px; padding-top: 6px; padding-bottom: 6px; border-left: 3px solid #b4c0cc; background-position: initial initial; background-repeat: initial initial; margin-top: 6px\\\"><div>原文链接: <a href=\\\"https://mp.weixin.qq.com/s?__biz=MzkwNzU4NTMyMA==&amp;mid=2247498575&amp;idx=1&amp;sn=1aa8be7c41be2e7be4ef6b58a434148a&amp;chksm=c1b546886e0ef2852e1a49b56fa506b1754a9c646da49182aefc355e613edacfe060dcf7fdd2&amp;mpshare=1&amp;scene=1&amp;srcid=09110nSkqQSXTJj8Ix9xLqI6&amp;sharer_shareinfo=a375fbf0c1a12d0b5a6865cba46dda99&amp;sharer_shareinfo_first=a375fbf0c1a12d0b5a6865cba46dda99#rd\\\"><span>https://mp.weixin.qq.com/s?__biz=MzkwNzU4NTMyMA==&amp;mid=224749...</span></a></div></div>\\\n<p></p>\\\n<div><span></span></div>\\\n<div style=\\\"\\\"><div><div><h1 style=\\\"margin:0\\\"> 狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！</h1><div><span style=\\\"position:relative\\\">原创</span><span> 开源君 </span><span><a style=\\\"position:relative\\\"> 开源先锋 </a></span><span><em></em></span></div><div style=\\\";\\\"><p style=\\\"margin:0;margin-bottom:0\\\"><span style=\\\"outline: 0px;font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;font-size: 14px;caret-color: var(--weui-BRAND);letter-spacing: 0.034em;\\\"><span>* 戳上方蓝字“</span></span><span style=\\\"outline: 0px;font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;font-size: 14px;caret-color: var(--weui-BRAND);letter-spacing: 0.034em;font-weight: bold;color: rgb(47, 118, 195);\\\"><span>开源先锋</span></span><span style=\\\"outline: 0px;font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;font-size: 14px;caret-color: var(--weui-BRAND);letter-spacing: 0.034em;\\\"><span>”关注我</span></span><span style=\\\"outline: 0px;font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;font-size: 14px;caret-color: var(--weui-BRAND);letter-spacing: 0.034em;\\\"></span></p><p style=\\\"margin:0;margin-bottom:0;letter-spacing:0.578px;white-space:normal\\\"><span style=\\\"outline: 0px;font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;font-size: 14px;caret-color: var(--weui-BRAND);letter-spacing: 0.034em;\\\"><span><br/></span></span></p><div style=\\\"margin-bottom: 0px;\\\"><span><span></span></span></div><p style=\\\"margin:0;margin-bottom:0;letter-spacing:0.578px;white-space:normal\\\"><span style=\\\"outline: 0px;font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;font-size: 14px;caret-color: var(--weui-BRAND);letter-spacing: 0.034em;\\\"></span></p><div style=\\\"\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;orphans: 2;text-indent: 0px;text-transform: none;widows: 2;-webkit-text-stroke-width: 0px;white-space: normal;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: rgba(0, 0, 0, 0.9);font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;font-size: 17px;letter-spacing: 0.544px;text-align: justify;word-spacing: 0px;background-color: rgb(255, 255, 255);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;orphans: 2;text-align: justify;text-indent: 0px;text-transform: none;widows: 2;-webkit-text-stroke-width: 0px;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: rgb(53, 53, 53);font-family: Optima-Regular, Optima, PingFangSC-regular, PingFangTC-regular, &quot;PingFang SC&quot;, Cambria, Cochin, Georgia, Times, &quot;Times New Roman&quot;, serif;letter-spacing: 0.8px;word-spacing: 0.8px;__visibility: visible;font-size: 16px;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;__visibility: visible;\\\">推荐阅读：</span></span></div><div style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;orphans: 2;text-indent: 0px;text-transform: none;widows: 2;-webkit-text-stroke-width: 0px;white-space: normal;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: rgba(0, 0, 0, 0.9);font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;font-size: 17px;letter-spacing: 0.544px;text-align: justify;word-spacing: 0px;background-color: rgb(255, 255, 255);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;\\\"><br/></span></div><p style=\\\"-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:0;max-width:100%;box-sizing:border-box !important;overflow-wrap:break-word !important;clear:both;min-height:1em;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;orphans:2;text-indent:0;text-transform:none;widows:2;-webkit-text-stroke-width:0;white-space:normal;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;color:rgba(0,0,0,0.9);font-family:&quot;PingFang SC&quot;,system-ui,-apple-system,BlinkMacSystemFont,&quot;Helvetica Neue&quot;,&quot;Hiragino Sans GB&quot;,&quot;Microsoft YaHei UI&quot;,&quot;Microsoft YaHei&quot;,Arial,sans-serif;font-size:17px;letter-spacing:0.544px;text-align:justify;word-spacing:0;background-color:rgb(255,255,255);__visibility:visible\\\"><span><br/></span></p><div><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzkwNzU4NTMyMA==&amp;mid=2247498426&amp;idx=1&amp;sn=43eb8ec9c1eb8c229582077ddb38ecad&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0px;padding: 0px;outline: 0px;color: var(--weui-LINK);text-decoration: none;-webkit-user-drag: none;cursor: default;max-width: 100%;__visibility: visible;box-sizing: border-box !important;overflow-wrap: break-word !important;\\\" target=\\\"_blank\\\"><span style=\\\"text-decoration: underline;\\\">专为开发者打造的代码神器，中英文完美2:1对齐，19.4K star！</span></a></span></div><p style=\\\"-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:0;max-width:100%;box-sizing:border-box !important;overflow-wrap:break-word !important;clear:both;min-height:1em;__visibility:visible\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;\\\"><br/></span></p><p style=\\\"-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:0;max-width:100%;box-sizing:border-box !important;overflow-wrap:break-word !important;clear:both;min-height:1em;__visibility:visible\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzkwNzU4NTMyMA==&amp;mid=2247498353&amp;idx=1&amp;sn=2eb6600d42589291683ad37eeff78bff&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0px;padding: 0px;outline: 0px;color: var(--weui-LINK);text-decoration: none;-webkit-user-drag: none;cursor: default;max-width: 100%;__visibility: visible;box-sizing: border-box !important;overflow-wrap: break-word !important;\\\" target=\\\"_blank\\\"><span style=\\\"text-decoration: underline;\\\">7.7K Star！再见了网盘，单文件启动，任意设备秒变私有云，真绝了！</span></a></span></p><p style=\\\"-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:0;max-width:100%;box-sizing:border-box !important;overflow-wrap:break-word !important;clear:both;min-height:1em;__visibility:visible\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;\\\"><br/></span></p><p style=\\\"-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:0;max-width:100%;box-sizing:border-box !important;overflow-wrap:break-word !important;clear:both;min-height:1em;__visibility:visible\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzkwNzU4NTMyMA==&amp;mid=2247498404&amp;idx=1&amp;sn=b9bf532d7944993d2c8c59464cebe3c7&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0px;padding: 0px;outline: 0px;color: var(--weui-LINK);text-decoration: none;-webkit-user-drag: none;cursor: default;max-width: 100%;__visibility: visible;box-sizing: border-box !important;overflow-wrap: break-word !important;\\\" target=\\\"_blank\\\"><span style=\\\"text-decoration: underline;\\\">又一个效率神器，秒搜文件、万能启动、插件生态，10.7K Star！</span></a></span></p><p style=\\\"-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:0;max-width:100%;box-sizing:border-box !important;overflow-wrap:break-word !important;clear:both;min-height:1em;__visibility:visible\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;\\\"><br/></span></p><p style=\\\"-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:0;max-width:100%;clear:both;min-height:1em;__visibility:visible;box-sizing:border-box !important;overflow-wrap:break-word !important\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;box-sizing: border-box !important;overflow-wrap: break-word !important;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzkwNzU4NTMyMA==&amp;mid=2247498533&amp;idx=1&amp;sn=2b18ea49208df7ae9a1e5766dc25eac9&amp;scene=21#wechat_redirect\\\" style=\\\"\\\" target=\\\"_blank\\\"><span style=\\\"text-decoration: underline;\\\">这款功能强大、全平台同步、开源免费的笔记软件51.2K star！</span></a></span></p><p style=\\\"-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:0;max-width:100%;box-sizing:border-box !important;overflow-wrap:break-word !important;clear:both;min-height:1em;__visibility:visible\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;\\\"><br/></span></p><p style=\\\"-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:0;max-width:100%;clear:both;min-height:1em;__visibility:visible;box-sizing:border-box !important;overflow-wrap:break-word !important\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;background-color: rgb(255, 255, 255);color: rgba(0, 0, 0, 0.9);font-size: 16px;font-family: &quot;PingFang SC&quot;, system-ui, -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;letter-spacing: 0.544px;font-style: normal;font-weight: 400;__visibility: visible;box-sizing: border-box !important;overflow-wrap: break-word !important;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzkwNzU4NTMyMA==&amp;mid=2247498553&amp;idx=1&amp;sn=a0320f5959e9a212ab27fcc48e7b2f86&amp;scene=21#wechat_redirect\\\" style=\\\"\\\" target=\\\"_blank\\\"><span style=\\\"text-decoration: underline;\\\">Win系统最好用的软件包管理器，图形化整合Winget、Scoop、Chocolate，18k Star！</span></a></span></p><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span><br/></span></p><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>大家好，我是开源君！</span></p><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>做业务流程设计时，要么遇到工具定制性差、没法贴合自家业务风格，要么动态执行流程得依赖后端、操作臃肿，想加个专属功能还得硬改源码</span></p><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:rgb(53,53,53);text-align:center\\\"><span>今天给大家介绍一款由滴滴开源的、专注于业务自定义的流程图编辑框架 - </span><code style=\\\"font-size: 14px;overflow-wrap: break-word;padding: 2px 4px;border-radius: 4px;margin: 0px 2px;background-color: rgba(27, 31, 35, 0.05);font-family: &quot;Operator Mono&quot;, Consolas, Monaco, Menlo, monospace;word-break: break-all;color: rgb(255, 93, 108);\\\"><span>LogicFlow</span></code><span>，能帮我们轻松在业务系统内搭建出满足各种需求的流程图功能！</span></p><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:rgb(53,53,53);text-align:center\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640.png\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"LogicFlow logo\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;width:154px;height:154px;\\\"/></span></p><h2 style=\\\"margin-top:30px;margin-bottom:15px;padding:0;font-weight:bold;color:black;font-size:22px;text-align:left;margin:20px 10px 0 0\\\"><span style=\\\"font-size: 18px;font-weight: 700;color: #222;display: inline-block;padding-left: 10px;border-left: 5px solid rgb(248, 57, 41);\\\"><span>项目简介</span></span></h2><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><code style=\\\"font-size: 14px;word-wrap: break-word;padding: 2px 4px;border-radius: 4px;margin: 0 2px;background-color: rgba(27,31,35,.05);font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;word-break: break-all;color: rgb(271, 93, 108);\\\"><span>LogicFlow</span></code><span>是一款基于 TypeScript 开发的流程图编辑框架，专注解决业务场景下的定制化需求。它不仅能画常规流程图，还支持脑图、ER图、UML、工作流等多种图形，还提供了节点自定义、插件扩展等机制，能帮我们快速在业务系统里满足各类流程图需求，不管是个人开发者还是美团、滴滴这样的大厂，都能用它解决实际业务问题。</span></p><div style=\\\"margin: 0;margin-top: 10px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 16px;overflow: hidden;\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;border-radius: 6px;display: block;margin: 20px auto;max-width: 95%;object-fit: contain;\\\"/></span></div><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>目前已经在Github上收获了 10.5K+ Star，非常的热门！</span></p><div style=\\\"margin: 0;margin-top: 10px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 16px;overflow: hidden;\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640 [1].jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;border-radius: 6px;display: block;margin: 20px auto;max-width: 95%;object-fit: contain;\\\"/></span></div><h2 style=\\\"margin-top:30px;margin-bottom:15px;padding:0;font-weight:bold;color:black;font-size:22px;text-align:left;margin:20px 10px 0 0\\\"><span style=\\\"font-size: 18px;font-weight: 700;color: #222;display: inline-block;padding-left: 10px;border-left: 5px solid rgb(248, 57, 41);\\\"><span>功能特性</span></span></h2><ul style=\\\"margin:0;margin-top:8px;margin-bottom:8px;padding-left:25px;list-style-type:disc;color:#f83929;font-size:16px\\\"><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;line-height: 26px;text-align: left;font-weight: 500;color: #353535;\\\"><span>高可定制性：节点样式、连接器、主题都能按业务需求改，自定义形状、颜色、图标、属性面板也不在话下。</span></div></li></ul><div style=\\\"margin: 0;margin-top: 10px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 16px;overflow: hidden;\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640 [2].jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;border-radius: 6px;display: block;margin: 20px auto;max-width: 95%;object-fit: contain;\\\"/></span></div><div style=\\\"margin: 0;margin-top: 10px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 16px;overflow: hidden;\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640 [3].jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;border-radius: 6px;display: block;margin: 20px auto;max-width: 95%;object-fit: contain;\\\"/></span></div><ul style=\\\"margin:0;margin-top:8px;margin-bottom:8px;padding-left:25px;list-style-type:disc;color:#f83929;font-size:16px\\\"><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;line-height: 26px;text-align: left;font-weight: 500;color: #353535;\\\"><span>丰富交互与可视化：支持节点拖拽、连线、复制、撤销、缩放等常见交互，通过拖拖拽拽就能创建、编辑复杂逻辑流程图。</span></div></li><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;line-height: 26px;text-align: left;font-weight: 500;color: #353535;\\\"><span>灵活插件与扩展：内置属性面板、布局、mini-map 等常用插件，还能根据自身需求开发复杂插件，扩展能力拉满。</span></div></li></ul><div style=\\\"margin: 0;margin-top: 10px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 16px;overflow: hidden;\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640 [4].jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;border-radius: 6px;display: block;margin: 20px auto;max-width: 95%;object-fit: contain;\\\"/></span></div><ul style=\\\"margin:0;margin-top:8px;margin-bottom:8px;padding-left:25px;list-style-type:disc;color:#f83929;font-size:16px\\\"><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;line-height: 26px;text-align: left;font-weight: 500;color: #353535;\\\"><span>前端自执行引擎：无需依赖后端，在浏览器端就能执行流程图逻辑。</span></div></li><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;line-height: 26px;text-align: left;font-weight: 500;color: #353535;\\\"><span>多数据格式互转：支持与 BPMN、Turbo 等后端执行引擎的数据结构互转，集成到现有业务系统时更方便，不用反复调整数据格式。</span></div></li><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;line-height: 26px;text-align: left;font-weight: 500;color: #353535;\\\"><span>多框架与场景适配：官方提供 React、Vue、原生 JS 示例，支持流程图、UML、ER 图、脑图等多种场景，多种常见需求都能满足。</span></div></li></ul><div style=\\\"margin: 0;margin-top: 10px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 16px;overflow: hidden;\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640 [5].jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;border-radius: 6px;display: block;margin: 20px auto;max-width: 95%;object-fit: contain;\\\"/></span></div><div style=\\\"margin: 0;margin-top: 10px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 16px;overflow: hidden;\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640 [6].jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;border-radius: 6px;display: block;margin: 20px auto;max-width: 95%;object-fit: contain;\\\"/></span></div><h2 style=\\\"margin-top:30px;margin-bottom:15px;padding:0;font-weight:bold;color:black;font-size:22px;text-align:left;margin:20px 10px 0 0\\\"><span style=\\\"font-size: 18px;font-weight: 700;color: #222;display: inline-block;padding-left: 10px;border-left: 5px solid rgb(248, 57, 41);\\\"><span>快速安装使用</span></span></h2><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>上手 LogicFlow 非常简单，通过 npm/yarn/pnpm 就可以快速安装。</span></p><h3 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;padding:0;font-weight:bold;color:black;font-size:20px\\\"><span style=\\\"font-size: 16px;color: #222;\\\"><span>1. 安装方式</span></span></h3><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>LogicFlow 支持 npm、yarn、pnpm 三种安装方式，大家根据自己常用的包管理工具选择即可，命令简单好记：</span></p><pre style=\\\"margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;text-align: left;\\\"><span style=\\\"display: block;background: none;height: 30px;width: 100%;background-size: 40px;background-repeat: no-repeat;background-color: #282c34;margin-bottom: -7px;border-radius: 5px;background-position: 10px 10px;background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_svg/gwhELYibibFdTyh95YabHuv5lib866x1icXXCd289Sd9K1pC5Sw1r5kJOo2yhr72zXAliaB5iaDubxkUIPZuZsHtJV36uXk911v3dR/640?wx_fmt=svg&amp;from=appmsg&quot;);\\\"></span><div style=\\\"--en-codeblock:true;--en-meta:{&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true};box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial; margin-top: 6px;\\\"><span style=\\\"color: #5c6370;font-style: italic;line-height: 26px;\\\"><span># npm 安装</span></span><span><br/></span><span>npm install @logicflow/core @logicflow/extension --save</span><span><br/></span><span><br/></span><span style=\\\"color: #5c6370;font-style: italic;line-height: 26px;\\\"><span># yarn 安装</span></span><span><br/></span><span>yarn add @logicflow/core @logicflow/extension</span><span><br/></span><span><br/></span><span style=\\\"color: #5c6370;font-style: italic;line-height: 26px;\\\"><span># pnpm 安装</span></span><span><br/></span><span>pnpm add @logicflow/core @logicflow/extension</span><span><br/></span></div></pre><h3 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;padding:0;font-weight:bold;color:black;font-size:20px\\\"><span style=\\\"font-size: 16px;color: #222;\\\"><span>2. 基础使用</span></span></h3><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>只需几步，就能快速渲染一个基础流程图，哪怕是新手也能轻松上手： 首先在页面中创建一个容器 DOM，用来承载流程图：</span></p><pre style=\\\"margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;text-align: left;\\\"><span style=\\\"display: block;background: none;height: 30px;width: 100%;background-size: 40px;background-repeat: no-repeat;background-color: #282c34;margin-bottom: -7px;border-radius: 5px;background-position: 10px 10px;background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_svg/gwhELYibibFdTyh95YabHuv5lib866x1icXXCd289Sd9K1pC5Sw1r5kJOo2yhr72zXAliaB5iaDubxkUIPZuZsHtJV36uXk911v3dR/640?wx_fmt=svg&amp;from=appmsg&quot;);\\\"></span><div style=\\\"--en-codeblock:true;--en-meta:{&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true};box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial; margin-top: 6px;\\\"><span style=\\\"line-height: 26px;\\\"><span>&lt;</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>div</span></span><span> </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>id</span></span><span>=</span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>&quot;container&quot;</span></span><span>&gt;</span></span><span style=\\\"line-height: 26px;\\\"><span>&lt;/</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>div</span></span><span>&gt;</span></span><span><br/></span></div></pre><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>然后编写 JS 代码，准备流程图数据并初始化渲染：</span></p><pre style=\\\"margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;text-align: left;\\\"><span style=\\\"display: block;background: none;height: 30px;width: 100%;background-size: 40px;background-repeat: no-repeat;background-color: #282c34;margin-bottom: -7px;border-radius: 5px;background-position: 10px 10px;background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_svg/gwhELYibibFdTyh95YabHuv5lib866x1icXXCd289Sd9K1pC5Sw1r5kJOo2yhr72zXAliaB5iaDubxkUIPZuZsHtJV36uXk911v3dR/640?wx_fmt=svg&amp;from=appmsg&quot;);\\\"></span><div style=\\\"--en-codeblock:true;--en-meta:{&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true};box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial; margin-top: 6px;\\\"><span style=\\\"color: #5c6370;font-style: italic;line-height: 26px;\\\"><span>// 引入 LogicFlow 核心和扩展</span></span><span><br/></span><span style=\\\"color: #c678dd;line-height: 26px;\\\"><span>import</span></span><span> LogicFlow </span><span style=\\\"color: #c678dd;line-height: 26px;\\\"><span>from</span></span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'@logicflow/core'</span></span><span>;</span><span><br/></span><span style=\\\"color: #c678dd;line-height: 26px;\\\"><span>import</span></span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'@logicflow/extension'</span></span><span>;</span><span><br/></span><span><br/></span><span style=\\\"color: #5c6370;font-style: italic;line-height: 26px;\\\"><span>// 准备节点和边的数据</span></span><span><br/></span><span style=\\\"color: #c678dd;line-height: 26px;\\\"><span>const</span></span><span> data = {</span><span><br/></span><span style=\\\"color: #5c6370;font-style: italic;line-height: 26px;\\\"><span>// 节点数组：包含矩形、圆形两种节点，定义了ID、类型、位置和显示文本</span></span><span><br/></span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>nodes</span></span><span>: [</span><span><br/></span><span>    {</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>id</span></span><span>: </span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'21'</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>type</span></span><span>: </span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'rect'</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>x</span></span><span>: </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>100</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>y</span></span><span>: </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>200</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>text</span></span><span>: </span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'矩形节点'</span></span><span><br/></span><span>    },</span><span><br/></span><span>    {</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>id</span></span><span>: </span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'50'</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>type</span></span><span>: </span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'circle'</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>x</span></span><span>: </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>300</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>y</span></span><span>: </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>400</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>text</span></span><span>: </span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'圆形节点'</span></span><span><br/></span><span>    }</span><span><br/></span><span>  ],</span><span><br/></span><span style=\\\"color: #5c6370;font-style: italic;line-height: 26px;\\\"><span>// 边数组：定义了从圆形节点到矩形节点的折线连接</span></span><span><br/></span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>edges</span></span><span>: [</span><span><br/></span><span>    {</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>type</span></span><span>: </span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'polyline'</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>sourceNodeId</span></span><span>: </span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'50'</span></span><span>,</span><span><br/></span><span>      </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>targetNodeId</span></span><span>: </span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'21'</span></span><span><br/></span><span>    }</span><span><br/></span><span>  ]</span><span><br/></span><span>};</span><span><br/></span><span><br/></span><span style=\\\"color: #5c6370;font-style: italic;line-height: 26px;\\\"><span>// 初始化 LogicFlow 实例，指定容器、宽度和高度</span></span><span><br/></span><span style=\\\"color: #c678dd;line-height: 26px;\\\"><span>const</span></span><span> lf = </span><span style=\\\"color: #c678dd;line-height: 26px;\\\"><span>new</span></span><span> LogicFlow({</span><span><br/></span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>container</span></span><span>: </span><span style=\\\"color: #e6c07b;line-height: 26px;\\\"><span>document</span></span><span>.querySelector(</span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>'<a style=\\\"color: #576B95 !important;\\\">#container</a>'</span></span><span>),</span><span><br/></span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>width</span></span><span>: </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>700</span></span><span>,</span><span><br/></span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>height</span></span><span>: </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>600</span></span><span><br/></span><span>});</span><span><br/></span><span><br/></span><span style=\\\"color: #5c6370;font-style: italic;line-height: 26px;\\\"><span>// 渲染流程图</span></span><span><br/></span><span>lf.render(data);</span><span><br/></span></div></pre><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>运行代码后，一个包含矩形节点、圆形节点和连接边的基础流程图就会显示在页面上，后续还能根据需求调整样式和交互。</span></p><div style=\\\"margin: 0;margin-top: 10px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 16px;overflow: hidden;\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640 [7].jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;border-radius: 6px;display: block;margin: 20px auto;max-width: 95%;object-fit: contain;\\\"/></span></div><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>另外，官方还提供了在线调试功能，有丰富的示例供大家体验，比如审批流、比赛晋级图、泳道图等，不用本地部署就能感受 LogicFlow 的核心能力，低成本了解它的使用方式。</span></p><div style=\\\"margin: 0;margin-top: 10px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 16px;overflow: hidden;\\\"><span><img src=\\\"狂揽 10.5k Star！！再见了付费工具，滴滴这款开源框架，好用到飞起！_files/640 [8].jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;border-radius: 6px;display: block;margin: 20px auto;max-width: 95%;object-fit: contain;\\\"/></span></div><h2 style=\\\"margin-top:30px;margin-bottom:15px;padding:0;font-weight:bold;color:black;font-size:22px;text-align:left;margin:20px 10px 0 0\\\"><span style=\\\"font-size: 18px;font-weight: 700;color: #222;display: inline-block;padding-left: 10px;border-left: 5px solid rgb(248, 57, 41);\\\"><span>小结</span></span></h2><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><code style=\\\"font-size: 14px;word-wrap: break-word;padding: 2px 4px;border-radius: 4px;margin: 0 2px;background-color: rgba(27,31,35,.05);font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;word-break: break-all;color: rgb(271, 93, 108);\\\"><span>LogicFlow</span></code><span>是一款非常出色的国产开源项目。它不仅仅是一个简单的绘图工具，更是一个专注于解决业务场景下流程图需求的专业级框架。如果你的项目正有此需求，不妨试试 LogicFlow！</span></p><p style=\\\"padding-top:8px;padding-bottom:8px;line-height:1.75;margin:0.8em 0;font-size:16px;color:#353535\\\"><span>更多细节功能，感兴趣的可以到项目地址查看：</span></p><pre style=\\\"margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;text-align: left;\\\"><span style=\\\"display: block;background: none;height: 30px;width: 100%;background-size: 40px;background-repeat: no-repeat;background-color: #282c34;margin-bottom: -7px;border-radius: 5px;background-position: 10px 10px;background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_svg/gwhELYibibFdTyh95YabHuv5lib866x1icXXCd289Sd9K1pC5Sw1r5kJOo2yhr72zXAliaB5iaDubxkUIPZuZsHtJV36uXk911v3dR/640?wx_fmt=svg&amp;from=appmsg&quot;);\\\"></span><div style=\\\"--en-codeblock:true;--en-meta:{&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true};box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial; margin-top: 6px;\\\"><span>https://github.com/didi/LogicFlow</span></div></pre></div><div style=\\\"margin-bottom: 0px;\\\"><span><span></span></span></div><div><span><br/></span></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":40171}]"
metadata_diff: {"new":{"id":"d2545e4df1c94833a7e9ece950e6ff08","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348868900,"user_updated_time":1764345640895,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":1764365027525},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:24:55.800Z
created_time: 2025-11-28T21:24:55.800Z
type_: 13