{"id":108714,"date":"2026-09-22T13:48:45","date_gmt":"2026-09-22T05:48:45","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/108714.html"},"modified":"2026-09-22T13:48:45","modified_gmt":"2026-09-22T05:48:45","slug":"logseq-%e9%9b%86%e6%88%90-plantuml-%e7%ba%af-javascript-%e6%b8%b2%e6%9f%93%e5%bc%95%e6%93%8e%ef%bc%9a%e9%9b%b6%e6%9c%8d%e5%8a%a1%e5%99%a8%e3%80%81%e9%9b%b6-jvm-%e7%9a%84%e5%ae%a2%e6%88%b7%e7%ab%af","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/108714.html","title":{"rendered":"Logseq \u96c6\u6210 PlantUML \u7eaf JavaScript \u6e32\u67d3\u5f15\u64ce\uff1a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM \u7684\u5ba2\u6237\u7aef\u6e32\u67d3\u65b9\u6848\uff08Proof of Concept\uff09"},"content":{"rendered":"<ul class=\"gcb-tag-list\">\n<li><span class=\"gcb-tag\">\u5f00\u53d1\u5de5\u5177<\/span><\/li>\n<li><span class=\"gcb-tag\">\u6587\u6863<\/span><\/li>\n<\/ul>\n<h3 class=\"gcb-project-title\">\u3010\u514d\u8d39\u4e0b\u8f7d\u94fe\u63a5\u3011plantuml<\/h3>\n<p class=\"gcb-project-desc\">Generate diagrams from textual description<\/p>\n<p>    <span class=\"gcb-project-addr-label\">\u9879\u76ee\u5730\u5740&#xff1a;<\/span><br \/>\n    <span class=\"gcb-project-addr-link\">https:\/\/gitcode.com\/gh_mirrors\/pl\/plantuml<\/span> <\/p>\n<p>  <span class=\"gcb-project-btn\"> <span class=\"gcb-project-btn-main\">\u70b9\u51fb\u67e5\u770b<\/span> <span class=\"gcb-project-btn-sub\">\u514d\u8d39\u4e0b\u8f7d<\/span> <\/span> <\/p>\n<p>\u672c\u7bc7\u6280\u672f\u6307\u5357\u56f4\u7ed5 PlantUML \u4ed3\u5e93\u4e2d\u7684 docs\/LOGSEQ_INTEGRATION.md \u5c55\u5f00&#xff0c;\u8bb2\u89e3\u5982\u4f55\u628a\u7531 TeaVM \u7f16\u8bd1\u51fa\u7684\u7eaf JavaScript PlantUML \u5f15\u64ce&#xff08;plantuml.js &#043; viz-global.js&#xff09;\u4ee5\u7b2c\u4e8c\u6e32\u67d3\u540e\u7aef\u7684\u5f62\u5f0f\u63a5\u5165 Logseq \u7684 PlantUML \u793e\u533a\u63d2\u4ef6&#xff0c;\u5f7b\u5e95\u6446\u8131\u5bf9 plantuml.com \u6216\u81ea\u5efa\u670d\u52a1\u5668\u7684\u4f9d\u8d56\u3002\u8bfb\u5b8c\u672c\u6587&#xff0c;\u4f60\u5c06\u638c\u63e1\u8be5 JS \u5f15\u64ce\u7684\u5b8c\u6574 API \u9762\u3001\u5f02\u6b65\u6e32\u67d3\u7684\u7ea6\u675f\u4e0e\u4e32\u884c\u5316\u8981\u6c42\u3001\u63d2\u4ef6\u63a5\u5165\u7684\u6700\u5c0f\u6539\u52a8\u8def\u5f84&#xff0c;\u4ee5\u53ca\u80cc\u540e\u57fa\u4e8e TeaVM \u534f\u7a0b &#043; Worker \u7ebf\u7a0b\u7684\u5b9e\u73b0\u539f\u7406\u3002<\/p>\n<h3>\u80cc\u666f\u73b0\u72b6&#xff1a;Logseq \u91cc\u7684 PlantUML \u81f3\u4eca\u4f9d\u8d56\u670d\u52a1\u5668<\/h3>\n<p>Logseq \u81ea\u8eab\u7684\u5e94\u7528\u6838\u5fc3\u662f\u5f00\u6e90\u7684&#xff0c;\u4f46\u5b83\u539f\u751f\u4e0d\u6e32\u67d3\u4efb\u4f55\u56fe\u8868\u7c7b\u578b\u2014\u2014\u65e2\u4e0d\u652f\u6301 Mermaid&#xff0c;\u4e5f\u4e0d\u652f\u6301 PlantUML&#xff0c;\u4e00\u5207\u56fe\u8868\u80fd\u529b\u90fd\u4f9d\u8d56\u63d2\u4ef6\u5e02\u573a\u3002\u5f53\u524d Logseq \u751f\u6001\u91cc\u7ef4\u62a4\u4e2d\u7684 PlantUML \u63d2\u4ef6\u662f cofcool\/logseq-plantuml-plugin&#xff08;MIT \u534f\u8bae&#xff0c;\u4ecd\u5728\u53d1\u5e03\u5c0f\u7248\u672c\u66f4\u65b0&#xff09;\u3002\u5b83\u7684\u4f7f\u7528\u65b9\u5f0f\u5f88\u76f4\u63a5&#xff1a;\u8f93\u5165 \/Draw plantuml diagram \u659c\u6760\u547d\u4ee4&#xff0c;\u5728\u751f\u6210\u7684\u4ee3\u7801\u5757\u91cc\u4e66\u5199 PlantUML \u6e90\u7801&#xff0c;\u70b9\u51fb &#034;Render&#034; \u6e32\u67d3\u3002\u9ed8\u8ba4\u60c5\u51b5\u4e0b&#xff0c;\u63d2\u4ef6\u628a\u6e90\u7801\u53d1\u9001\u5230 https:\/\/www.plantuml.com\/plantuml\/png&#xff0c;\u4e5f\u63d0\u4f9b\u8bbe\u7f6e\u9879\u6307\u5411\u81ea\u5efa\u670d\u52a1\u5668\u3002\u672c\u5730\u6e32\u67d3\u4ece\u672a\u5b9e\u73b0\u2014\u2014\u63d2\u4ef6\u81ea\u5df1\u7684 README \u628a &#034;Supports plantuml.jar&#034; \u5217\u4e3a\u5f85\u529e\u4e8b\u9879\u3002<\/p>\n<p>\u5728\u6b64\u4e4b\u524d&#xff0c;Logseq \u793e\u533a\u8fd8\u6709\u4e00\u4e2a\u66f4\u4e3b\u6d41\u3001\u529f\u80fd\u66f4\u5168\u7684\u66ff\u4ee3\u54c1&#xff1a;npgrosser\/logseq-diagrams-as-code&#xff0c;\u5b83\u901a\u8fc7 Kroki API&#xff08;\u53ef\u81ea\u6258\u7ba1&#xff09;\u6e32\u67d3 PlantUML\u3001Mermaid\u3001Graphviz\u3001D2 \u4ee5\u53ca\u5927\u7ea6\u5341\u4e94\u79cd\u5176\u4ed6\u56fe\u8868\u8bed\u8a00&#xff0c;\u66fe\u662f Logseq \u56fe\u8868\u65b9\u6848\u7684\u9996\u9009\u3002\u8be5\u4ed3\u5e93\u5df2\u4e8e 2026 \u5e74 2 \u6708 13 \u65e5\u88ab\u4f5c\u8005\u5f52\u6863&#xff0c;\u4e14\u672a\u6307\u5b9a\u7ee7\u4efb\u8005\u3002\u7559\u4e0b\u7684\u53ea\u6709\u4e0a\u8ff0\u90a3\u4e2a\u66f4\u5c0f\u3001\u5355\u4e00\u7528\u9014\u7684\u63d2\u4ef6\u2014\u2014\u4ecd\u7136\u4f9d\u8d56\u670d\u52a1\u5668&#xff0c;\u4ecd\u7136\u6ca1\u6709\u672c\u5730\u9009\u9879\u3002<\/p>\n<h3>\u4e3a\u4ec0\u4e48\u8fd9\u4e2a\u65b9\u6848\u7279\u522b\u5951\u5408 Logseq<\/h3>\n<p>\u6709\u8da3\u7684\u5730\u65b9\u4e0d\u5728\u4e8e&#034;\u7f3a\u5c11\u672c\u5730\u9009\u9879&#034;\u672c\u8eab&#xff0c;\u800c\u5728\u4e8e Logseq \u7684\u63d2\u4ef6\u67b6\u6784\u5df2\u7ecf\u8bc1\u660e\u4e86\u672c\u5730\u65b9\u6848\u53ef\u884c\u2014\u2014\u53ea\u662f\u53d1\u751f\u5728\u53e6\u4e00\u79cd\u56fe\u8868\u8bed\u8a00\u8eab\u4e0a\u3002<\/p>\n<p>cofcool\/logseq-plantuml-plugin \u662f benjypng\/logseq-mermaid-plugin \u7684\u4e00\u4e2a fork\u3002\u800c\u90a3\u4e2a Mermaid \u63d2\u4ef6\u662f\u5b8c\u5168\u5728\u5ba2\u6237\u7aef\u6e32\u67d3\u7684&#xff1a;\u5b83\u81ea\u884c\u6253\u5305 mermaid.js&#xff0c;\u5728\u6d4f\u89c8\u5668\u91cc\u7ed8\u5236\u56fe\u8868&#xff0c;\u518d\u901a\u8fc7 canvas \u8f6c\u6210 PNG\u2014\u2014\u6ca1\u6709\u670d\u52a1\u5668\u3001\u6ca1\u6709\u7f51\u7edc\u8bf7\u6c42&#xff0c;\u4f7f\u7528\u7684\u662f\u4e24\u4e2a\u63d2\u4ef6\u5171\u6709\u7684 {{renderer :plugin-id, &#8230;}} \u5b8f\u6e32\u67d3\u5668 &#043; \u659c\u6760\u547d\u4ee4\u673a\u5236\u3002\u5f53 cofcool fork \u5b83\u6765\u652f\u6301 PlantUML \u65f6&#xff0c;\u4e4b\u6240\u4ee5\u88ab\u8feb\u6539\u8d70\u516c\u5171\u670d\u52a1\u5668&#xff0c;\u552f\u4e00\u539f\u56e0\u5c31\u662f\u5f53\u65f6\u6ca1\u6709\u53ef\u6253\u5305\u7684\u7eaf JavaScript PlantUML \u5f15\u64ce\u2014\u2014\u4e0d\u50cf benjypng \u53ef\u4ee5\u6253\u5305 mermaid.js\u3002\u672c\u6587\u6863\u63d0\u8bae\u6240\u8981\u586b\u8865\u7684\u6b63\u662f\u8fd9\u4e2a\u7f3a\u53e3&#xff1a;\u8fd9\u4e0d\u662f\u67b6\u6784\u95ee\u9898&#xff0c;\u800c\u662f&#034;\u8fd9\u4e2a&#xff08;\u5f15\u64ce&#xff09;\u6b64\u524d\u4e0d\u5b58\u5728&#034;\u7684\u95ee\u9898\u3002<\/p>\n<p>\u6b64\u5916&#xff0c;\u5728\u6b64\u4e4b\u524d\u4ece\u672a\u6709\u4eba\u5728 cofcool\/logseq-plantuml-plugin \u4e0a\u63d0\u51fa\u8fc7\u7eaf JS \u540e\u7aef&#xff0c;\u56e0\u6b64\u4e0d\u5b58\u5728&#034;\u6211\u4eec\u4e0d\u60f3\u5728\u8fd9\u91cc\u5f15\u5165\u66f4\u591a\u81ea\u5b9a\u4e49 JS&#034;\u7684\u5386\u53f2\u5305\u88b1\u2014\u2014\u8fd9\u4e0e Outline \u7684 PR \u8ba8\u8bba\u5f62\u6210\u5bf9\u6bd4&#xff0c;\u8be6\u89c1 docs\/OUTLINE_INTEGRATION.md\u3002\u76f8\u53cd&#xff1a;Logseq \u5e02\u573a\u63d0\u4ea4\u6307\u5357\u5e76\u672a\u63d0\u53ca\u5bf9\u6253\u5305\u7b2c\u4e09\u65b9 JS \u6216 WASM \u7684\u4efb\u4f55\u9650\u5236&#xff0c;\u800c benjypng \u7684\u63d2\u4ef6\u672c\u8eab\u5c31\u662f&#034;\u5df2\u53d1\u5e03\u3001\u73b0\u5728\u5c31\u53ef\u5b89\u88c5&#034;\u7684\u6d3b\u4f8b\u5b50\u3002<\/p>\n<h3>\u73b0\u6709\u7684\u771f\u5b9e\u9700\u6c42<\/h3>\n<p>\u56fe\u8868\u6e32\u67d3\u5728 Logseq \u793e\u533a\u662f\u4e00\u4e2a\u60ac\u7f6e\u591a\u5e74\u3001\u59cb\u7ec8\u672a\u51b3\u7684\u8bc9\u6c42&#xff1a;<\/p>\n<ul>\n<li>Mermaid \u6e32\u67d3\u652f\u6301\u8ba8\u8bba\u5e16\u81ea Logseq \u65e9\u671f\u5c31\u5b58\u5728&#xff0c;\u6a2a\u8de8\u4e24\u9875\u8bba\u575b&#xff0c;\u6838\u5fc3\u56e2\u961f\u59cb\u7ec8\u6ca1\u6709\u7ed9\u51fa\u627f\u8bfa&#xff1b;\u6709\u8d21\u732e\u8005&#xff08;&#064;junyu&#xff09;\u66fe\u63d0\u51fa\u9274\u4e8e\u5f53\u65f6\u63d2\u4ef6\u7cfb\u7edf\u5c1a\u5e74\u8f7b&#xff0c;&#034;\u4e00\u4e2a\u6d4b\u8bd5\u63d2\u4ef6&#034;\u53ef\u4ee5\u63a2\u7d22\u539f\u751f\u652f\u6301&#xff1b;&#064;Carey_Black \u5219\u63d0\u51fa&#xff08;\u672a\u83b7\u7b54\u590d&#xff09;\u662f\u5426\u80fd\u628a\u56fe\u8868\u6e32\u67d3\u5668&#034;\u7d27\u5bc6\u6253\u5305&#034;\u8fdb Logseq \u672c\u4f53&#xff0c;\u800c\u4e0d\u662f\u4f9d\u8d56\u72ec\u7acb\u7684\u670d\u52a1\u5668\u8fdb\u7a0b\u3002<\/li>\n<li>&#034;\u4e0d\u60f3\u8ba9\u670d\u52a1\u5668\u63ba\u548c\u8fdb\u6765&#034;\u6b63\u662f\u6253\u5305 JS \u5f15\u64ce\u6240\u80fd\u6d88\u9664\u7684\u75db\u70b9\u3002<\/li>\n<li>\u5728\u6b64\u4e4b\u4e0a\u53e0\u52a0\u7684\u4e8b\u5b9e\u662f&#xff1a;\u6700\u6d41\u884c\u7684\u5168\u80fd\u56fe\u8868\u63d2\u4ef6&#xff08;logseq-diagrams-as-code&#xff09;\u521a\u88ab\u5f52\u6863&#xff0c;\u5269\u4e0b\u7684 PlantUML \u63d2\u4ef6\u628a&#034;\u65e0\u670d\u52a1\u5668&#034;\u5217\u4e3a\u672a\u5b9e\u73b0\u7684 todo \u800c\u975e\u5df2\u53d1\u5e03\u7684\u529f\u80fd\u3002<\/li>\n<\/ul>\n<h3>\u7acb\u5373\u4f53\u9a8c&#xff1a;\u5728\u7ebf playground<\/h3>\n<p>\u4e00\u4e2a\u53ef\u5de5\u4f5c\u7684\u5f15\u64ce\u6784\u5efa\u5df2\u7ecf\u5728\u7ebf\u8fd0\u884c&#xff0c;\u65e0\u9700\u4efb\u4f55\u914d\u7f6e&#xff1a;<\/p>\n<p>https:\/\/plantuml.github.io\/plantuml\/js-plantuml\/index.html<\/p>\n<p>\u5728\u5de6\u4fa7\u8f93\u5165\u6216\u7c98\u8d34\u4efb\u610f PlantUML \u6e90\u7801&#xff08;&#064;startuml \u2026 &#064;enduml&#xff09;&#xff0c;\u53f3\u4fa7\u5373\u65f6\u6e32\u67d3\u51fa SVG\u2014\u2014\u5b8c\u5168\u5728\u6d4f\u89c8\u5668\u5185\u5b8c\u6210&#xff0c;\u4f7f\u7528\u7684\u6b63\u662f\u4e0b\u6587\u63cf\u8ff0\u7684 plantuml.js &#043; viz-global.js \u7ec4\u5408\u3002\u4ed3\u5e93\u5185\u5bf9\u5e94\u8fd9\u4efd playground \u7684\u6e90\u7801\u4f4d\u4e8e src\/main\/resources\/teavm\/&#xff1a;index.html \u662f\u5e26\u5206\u680f\u7f16\u8f91\u5668\u7684\u5b8c\u6574 playground&#xff0c;main.js \u662f\u5b83\u7684\u6e32\u67d3\u903b\u8f91\u2014\u2014\u53ef\u4ee5\u770b\u5230\u5b83\u76f4\u63a5 import { render } from &#034;.\/plantuml.js&#034;&#xff0c;\u5e76\u628a\u7f16\u8f91\u5668\u5185\u5bb9\u6309\u884c\u62c6\u5206\u540e\u8c03\u7528 render(lines, &#034;out&#034;, {dark: dark})\u3002<\/p>\n<h3>PlantUML JS API&#xff1a;\u4e24\u4e2a\u5bfc\u51fa\u51fd\u6570<\/h3>\n<p>\u6574\u4e2a JS \u5f15\u64ce\u7684\u516c\u5f00\u63a5\u53e3\u53ea\u6709\u4e24\u4e2a\u5bfc\u51fa\u51fd\u6570&#xff1a;<\/p>\n<table>\n<tr>\u8c03\u7528\u7528\u9014<\/tr>\n<tbody>\n<tr>\n<td>import { render, renderToString } from &#039;.\/plantuml.js&#039;<\/td>\n<td>\u4ece ES2015 \u6a21\u5757\u5bfc\u5165 API\u3002<\/td>\n<\/tr>\n<tr>\n<td>render(lines, targetId)<\/td>\n<td>\u628a\u56fe\u8868\u6e32\u67d3\u8fdb\u7ed9\u5b9a id \u7684 DOM \u5143\u7d20\u3002lines \u662f Array&lt;string&gt;\u3002<\/td>\n<\/tr>\n<tr>\n<td>render(lines, targetId, { dark: true })<\/td>\n<td>\u540c\u4e0a&#xff0c;\u4f46\u751f\u6210\u6697\u8272\u6a21\u5f0f SVG\u3002<\/td>\n<\/tr>\n<tr>\n<td>renderToString(lines, onSuccess, onError)<\/td>\n<td>\u6e32\u67d3\u5e76\u4ee5\u5b57\u7b26\u4e32\u5f62\u5f0f\u901a\u8fc7 onSuccess(svg) \u56de\u8c03\u4ea4\u4ed8 SVG&#xff1b;\u9519\u8bef\u4ea4\u7ed9 onError(message)\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u52a0\u8f7d\u65b9\u5f0f&#xff1a;plantuml.js \u662f ES2015 \u6a21\u5757&#xff08;\u901a\u8fc7 &lt;script type&#061;&#034;module&#034;&gt; \u52a0\u8f7d&#xff09;&#xff0c;viz-global.js \u662f\u7ecf\u5178\u811a\u672c&#xff08;\u901a\u8fc7\u666e\u901a &lt;script&gt; \u6807\u7b7e\u52a0\u8f7d&#xff09;&#xff0c;\u4e14\u5fc5\u987b\u5728\u4efb\u4f55\u6e32\u67d3\u53d1\u751f\u524d\u5b58\u5728\u4e8e\u9875\u9762\u4e2d\u3002\u5f15\u64ce\u5728\u9996\u6b21 render \/ renderToString \u8c03\u7528\u65f6\u60f0\u6027\u542f\u52a8\u5185\u90e8 worker\u2014\u2014\u65e0\u9700\u663e\u5f0f\u521d\u59cb\u5316\u6b65\u9aa4\u3002<\/p>\n<h4>\u5173\u952e\u7ea6\u675f&#xff1a;\u5f02\u6b65\u6e32\u67d3<\/h4>\n<p>render() \u7acb\u5373\u8fd4\u56de&#xff0c;\u4f46\u628a SVG \u5199\u5165\u76ee\u6807 DOM \u5143\u7d20\u662f\u5f02\u6b65\u5b8c\u6210\u7684&#xff1b;\u800c\u4e14\u5728\u540c\u4e00\u4e2a JS \u4e0a\u4e0b\u6587\u91cc\u6e32\u67d3\u591a\u4e2a\u56fe\u8868\u5fc5\u987b\u4e32\u884c\u5316\u2014\u2014\u7b49\u4e00\u4e2a SVG \u843d\u5730\u540e\u518d\u5f00\u59cb\u4e0b\u4e00\u4e2a\u3002\u5bf9 Logseq \u800c\u8a00&#xff0c;\u4e00\u4e2a\u9875\u9762\u4e0a\u6709\u5927\u91cf PlantUML \u5757\u6b63\u662f\u9700\u8981\u9762\u5bf9\u7684\u573a\u666f\u3002\u597d\u6d88\u606f\u662f docs\/GITHUB_INTEGRATION.md \u63cf\u8ff0\u4e86\u4e00\u79cd&#034;\u6bcf\u4e2a\u56fe\u8868\u4e00\u4e2a\u9690\u85cf iframe&#034;\u7684\u6a21\u5f0f&#xff0c;\u53ef\u4ee5\u4e3a\u6bcf\u4e2a\u56fe\u8868\u63d0\u4f9b\u72ec\u7acb\u7684\u5f15\u64ce\u5b9e\u4f8b&#xff0c;\u4ece\u800c\u5e76\u884c\u6e32\u67d3\u4e14\u4e0d\u963b\u585e\u7f16\u8f91\u5668\u2014\u2014\u8be5\u6587\u6863\u4e2d github-integration-web-worker-poc.html \u5c31\u662f\u8fd9\u4e00\u6a21\u5f0f\u7684\u843d\u5730\u539f\u578b&#xff0c;\u800c github-integration-poc.html \u5219\u662f\u4e32\u884c\u961f\u5217\u7248\u672c\u3002<\/p>\n<h3>\u6e90\u7801\u89c6\u89d2&#xff1a;JS \u5f15\u64ce\u5982\u4f55\u5728\u6d4f\u89c8\u5668\u91cc\u8dd1\u8d77\u6765<\/h3>\n<p>\u867d\u7136 plantuml.js \u662f\u7531\u6784\u5efa\u8fc7\u7a0b\u751f\u6210\u7684&#xff08;\u751f\u6210\u7269\u4e0d\u5728\u6e90\u7801\u6811\u4e2d&#xff09;&#xff0c;\u5b83\u7684 Java \u6e90\u5934\u5b8c\u5168\u5f00\u6e90&#xff0c;\u4f4d\u4e8e PlantUMLBrowser.java&#xff1a;<\/p>\n<ul>\n<li>JS \u9a71\u52a8\u67b6\u6784&#xff1a;JavaScript \u8d1f\u8d23 UI \u4e8b\u4ef6\u3001\u8f93\u5165\u9632\u6296\u3001\u6309\u884c\u62c6\u5206\u3001DOM \u5143\u7d20\u9009\u62e9\u4e0e\u5e94\u7528\u6d41\u7a0b&#xff1b;Java&#xff08;\u7ecf TeaVM \u7f16\u8bd1&#xff09;\u53ea\u8d1f\u8d23 PlantUML \u89e3\u6790\u548c SVG \u6e32\u67d3\u3002\u8fd9\u8ba9 Java \u4fa7\u4fdd\u6301\u6700\u5c0f&#xff0c;Web \u5f00\u53d1\u8005\u53ef\u6309\u4efb\u610f\u65b9\u5f0f\u96c6\u6210\u3002<\/li>\n<li>\u4e3a\u4ec0\u4e48\u9700\u8981 worker \u7ebf\u7a0b&#xff1a;TeaVM \u628a Java \u7f16\u8bd1\u6210 JavaScript&#xff0c;\u4f46 JS \u662f\u5355\u7ebf\u7a0b\u4e8b\u4ef6\u9a71\u52a8\u7684\u3002\u4e3a\u652f\u6301 Java \u7684\u540c\u6b65\u963b\u585e API&#xff08;\u5982 Thread.sleep()\u3001Object.wait()&#xff09;&#xff0c;TeaVM \u91c7\u7528\u57fa\u4e8e\u534f\u7a0b\u7684\u65b9\u5f0f\u628a\u963b\u585e\u8c03\u7528\u8f6c\u6362\u4e3a\u5f02\u6b65 Promise\u3002PlantUML \u7528 Viz.js&#xff08;GraphViz \u7684 JS \u79fb\u690d\u7248&#xff09;\u6e32\u67d3\u7c7b\u56fe\u3001\u7ec4\u4ef6\u56fe\u7b49\u9700\u8981\u56fe\u5e03\u5c40\u7684\u56fe\u8868&#xff0c;\u800c Viz.js \u7684 API \u662f\u5f02\u6b65\u7684&#xff08;Viz.instance().then(viz &#061;&gt; viz.renderString(dot, options))&#xff09;\u3002\u5982\u679c\u76f4\u63a5\u4ece\u539f\u751f JS \u4e0a\u4e0b\u6587&#xff08;\u5982\u4e8b\u4ef6\u56de\u8c03&#xff09;\u8c03\u7528\u6e32\u67d3\u51fd\u6570&#xff0c;\u4e00\u65e6\u8d70\u5230 Viz.js \u7684\u5f02\u6b65\u8c03\u7528&#xff0c;TeaVM \u4f1a\u629b\u51fa Error: Suspension point reached from non-threading context\u3002<\/li>\n<li>\u89e3\u51b3\u65b9\u6848&#xff1a;\u9996\u6b21\u8c03\u7528 render \/ renderToString \u65f6\u60f0\u6027\u542f\u52a8\u4e00\u4e2a\u540e\u53f0\u7ebf\u7a0b&#xff08;\u89c1 ensureWorkerStarted()&#xff09;&#xff0c;\u5bfc\u51fa\u51fd\u6570\u53ea\u8d1f\u8d23\u628a\u8bf7\u6c42\u5165\u961f\u5e76\u5524\u9192\u7ebf\u7a0b&#xff08;\u5178\u578b\u7684\u751f\u4ea7\u8005-\u6d88\u8d39\u8005\u6a21\u5f0f&#xff0c;LOCK &#043; wait\/notify&#xff09;&#xff0c;\u771f\u6b63\u7684\u6e32\u67d3\u5728 worker \u7ebf\u7a0b\u7684\u534f\u7a0b\u4e0a\u4e0b\u6587\u4e2d\u5b8c\u6210\u3002\u82e5\u6e32\u67d3\u671f\u95f4\u5230\u8fbe\u591a\u4e2a\u8bf7\u6c42&#xff0c;\u53ea\u4fdd\u7559\u6700\u65b0\u4e00\u4e2a\u2014\u2014\u8fd9\u662f\u6709\u610f\u7684\u8bbe\u8ba1&#xff1a;\u7528\u6237\u6253\u5b57\u65f6\u53ea\u9700\u6e32\u67d3\u6700\u65b0\u7248\u672c\u3002<\/li>\n<li>\u6e32\u67d3\u9009\u9879&#xff1a;render \u4e0e renderToString \u90fd\u63a5\u53d7\u53ef\u9009 options \u5bf9\u8c61&#xff0c;\u5982 { dark: true } \u542f\u7528\u6697\u8272\u6a21\u5f0f&#xff0c;{ maxSvgSize: 9999 } \u628a\u6700\u5927 SVG \u5bbd\u9ad8&#xff08;\u50cf\u7d20&#xff09;\u4ece\u9ed8\u8ba4\u503c 8192 \u8c03\u9ad8&#xff0c;{ maxSvgSize: 0 } \u5b8c\u5168\u7981\u7528\u5c3a\u5bf8\u68c0\u67e5&#xff08;SVG \u6ca1\u6709\u6805\u683c\u5185\u5b58\u6210\u672c&#xff0c;\u6b64\u9650\u5236\u53ea\u662f\u5b89\u5168\u62a4\u680f&#xff09;\u3002\u6e32\u67d3\u7ed3\u679c\u8fd8\u4f1a\u628a PlantUML \u6e90\u7801\u4f5c\u4e3a plantuml-src \u5904\u7406\u6307\u4ee4\u5d4c\u5165 SVG&#xff0c;\u4f7f\u5176\u4e4b\u540e\u53ef\u88ab\u91cd\u65b0\u5bfc\u5165\/\u7f16\u8f91&#xff0c;\u4e0e\u7ecf\u5178 Java \u540e\u7aef\u548c editor.plantuml.com \u4ea7\u51fa\u7684 SVG \u884c\u4e3a\u4e00\u81f4\u3002<\/li>\n<li>Viz.js \u4e0e Smetana \u56de\u9000&#xff1a;GraphVizjsTeaVMEngine.java \u901a\u8fc7 TeaVM \u7684 &#064;Async \u6ce8\u89e3\u628a Viz.js \u7684\u5f02\u6b65\u8c03\u7528\u5305\u88c5\u6210\u5bf9 Java \u540c\u6b65\u53ef\u89c1\u7684 renderDotToSvg(dotSource)&#xff1b;\u5f53\u68c0\u6d4b\u5230 viz-global.js \u672a\u52a0\u8f7d\u65f6&#xff08;vizMissingFallback()&#xff09;&#xff0c;\u4f1a\u8f93\u51fa\u4e00\u6b21\u6027\u63a7\u5236\u53f0\u63d0\u793a\u5e76\u56de\u9000\u5230\u5185\u7f6e\u7684 Smetana \u5e03\u5c40\u5f15\u64ce\u3002<\/li>\n<\/ul>\n<h3>\u5982\u4f55\u63a5\u5165 Logseq \u63d2\u4ef6&#xff1a;\u6700\u5c0f\u6539\u52a8\u8def\u5f84<\/h3>\n<p>Logseq \u63d2\u4ef6\u662f JavaScript\/TypeScript&#xff0c;\u901a\u8fc7 &#064;logseq\/libs \u52a0\u8f7d&#xff0c;\u7ecf Logseq marketplace \u5206\u53d1\u3002cofcool\/logseq-plantuml-plugin \u5df2\u7ecf\u6ce8\u518c\u4e86\u659c\u6760\u547d\u4ee4\u548c\u4e00\u4e2a\u5b8f\u6e32\u67d3\u5668&#xff08;onMacroRendererSlotted&#xff09;\u2014\u2014\u5b83\u7ed9\u4ee3\u7801\u5757\u4e00\u4e2a\u6e32\u67d3\u843d\u70b9\u548c\u4e00\u4e2a\u89e6\u53d1\u6e32\u67d3\u7684 &#034;Render&#034; \u52a8\u4f5c&#xff0c;\u4e0e benjypng Mermaid \u63d2\u4ef6\u5168\u672c\u5730\u6e32\u67d3\u6240\u7528\u7684\u5f62\u72b6\u5b8c\u5168\u76f8\u540c\u3002\u628a plantuml.js \u548c viz-global.js \u4f5c\u4e3a\u6253\u5305\u8d44\u6e90\u52a0\u5165&#xff0c;\u5e76\u628a\u5b83\u4eec\u63a5\u5165\u65e2\u6709\u7684\u6e32\u67d3\u6b65\u9aa4&#xff0c;\u662f\u589e\u91cf\u6539\u52a8\u800c\u975e\u91cd\u5199\u2014\u2014\u4f5c\u4e3a\u5f53\u524d\u670d\u52a1\u5668\u8c03\u7528\u7684\u7b2c\u4e8c\u540e\u7aef&#xff0c;\u5c31\u50cf\u73b0\u5728 render server \u53ea\u662f\u4e00\u4e2a\u8bbe\u7f6e\u5b57\u7b26\u4e32\u4e00\u6837&#xff1a;<\/p>\n<p>import { renderToString } from &#034;.\/plantuml.js&#034;;<\/p>\n<p>\/\/ \u5728\u63d2\u4ef6\u65e2\u6709\u7684\u5b8f\u6e32\u67d3\u5668\u56de\u8c03\u91cc&#xff0c;\u4f5c\u4e3a\u5f53\u524d fetch-from-plantuml.com \u8c03\u7528\u7684\u66ff\u4ee3&#xff1a;<br \/>\nfunction renderWithJsEngine(source, targetElement, dark) {<br \/>\n    const lines &#061; source.split(\/\\\\r\\\\n|\\\\r|\\\\n\/);<br \/>\n    renderToString(<br \/>\n        lines,<br \/>\n        svg &#061;&gt; { targetElement.innerHTML &#061; svg; },<br \/>\n        error &#061;&gt; { targetElement.textContent &#061; &#096;PlantUML error: ${error}&#096;; }<br \/>\n    );<br \/>\n}<\/p>\n<p>\u5173\u4e8e\u5e02\u573a\u5ba1\u67e5&#xff1a;Logseq \u7684\u5e02\u573a\u63d0\u4ea4\u6307\u5357\u6ca1\u6709\u50cf Obsidian \u7684\u5ba1\u67e5\u6d41\u7a0b\u90a3\u6837\u660e\u6587\u9650\u5236\u6253\u5305\u7b2c\u4e09\u65b9 JS \u6216 WASM&#xff08;\u5bf9\u6bd4\u8be6\u89c1 docs\/OBSIDIAN_INTEGRATION.md&#xff09;\u3002\u76ee\u524d\u552f\u4e00\u503c\u5f97\u6ce8\u610f\u7684\u5ba1\u67e5\u63d0\u793a\u662f&#xff1a;\u542f\u7528 effect \u80fd\u529b\u6807\u5fd7\u4f1a\u89e6\u53d1&#034;\u66f4\u4e25\u683c&#034;\u7684\u5ba1\u67e5&#xff0c;\u4f46\u6587\u6863\u6ca1\u6709\u8bf4\u660e\u5b83\u5177\u4f53\u7ba1\u8f96\u4ec0\u4e48\u2014\u2014\u5728\u5047\u8bbe&#034;\u8fd9\u4e0d\u662f\u95ee\u9898&#034;\u4e4b\u524d\u503c\u5f97\u76f4\u63a5\u5411 Logseq \u56e2\u961f\u6838\u5b9e&#xff0c;\u4e0d\u8fc7\u6ca1\u6709\u4efb\u4f55\u8ff9\u8c61\u8868\u660e\u6253\u5305\u6e32\u67d3\u5f15\u64ce\u5c5e\u4e8e\u8be5\u6807\u5fd7\u9488\u5bf9\u7684\u60c5\u5f62\u3002<\/p>\n<h3>\u5bf9\u63d2\u4ef6\u800c\u8a00\u7684\u5173\u952e\u4f18\u52bf<\/h3>\n<ul>\n<li>\u79fb\u9664\u63d2\u4ef6\u552f\u4e00\u7684\u5916\u90e8\u4f9d\u8d56\u3002\u4e0d\u518d\u4f9d\u8d56 plantuml.com&#xff08;\u6216\u81ea\u5efa\u670d\u52a1\u5668&#xff09;\u4fdd\u6301\u53ef\u8fbe\u2014\u2014&#034;Supports plantuml.jar&#034;\u8fd9\u4e2a todo \u65e0\u9700 JVM \u5373\u53ef\u89e3\u51b3\u3002<\/li>\n<li>\u9690\u79c1\u3002\u56fe\u8868\u6e90\u7801\u6c38\u4e0d\u79bb\u5f00\u8bbe\u5907&#xff0c;\u4e0e benjypng \u672c\u5730 Mermaid \u6e32\u67d3\u7684\u52a8\u673a\u4e00\u81f4\u3002<\/li>\n<li>\u586b\u8865\u771f\u5b9e\u4e14\u5f53\u524d\u7684\u7a7a\u767d\u3002\u6700\u6d41\u884c\u7684\u66ff\u4ee3\u65b9\u6848&#xff08;logseq-diagrams-as-code&#xff09;\u5df2\u4e8e 2026 \u5e74 2 \u6708\u5f52\u6863\u4e14\u65e0\u63a5\u66ff\u8005&#xff1b;\u8fd9\u4e2a\u63d2\u4ef6\u662f\u4ec5\u5b58\u7684\u65b9\u6848&#xff0c;\u5374\u4ecd\u7136\u65e0\u6cd5\u79bb\u7ebf\u6e32\u67d3\u3002<\/li>\n<li>\u5bf9 Logseq \u63d2\u4ef6\u751f\u6001\u4e0d\u662f\u65b0\u8303\u5f0f\u3002benjypng \u7684 Mermaid \u63d2\u4ef6\u5df2\u7ecf\u8bc1\u660e&#xff1a;\u5728 Logseq \u7684\u5b8f\u6e32\u67d3\u5668\u67b6\u6784\u5185&#xff0c;\u5b8c\u5168\u672c\u5730\u3001\u6253\u5305 JS \u7684\u56fe\u8868\u6e32\u67d3\u662f\u53ef\u884c\u7684\u2014\u2014\u8fd9\u53ea\u662f PlantUML \u8ffd\u4e0a\u4e00\u4e2a\u65e2\u6709\u7684\u5148\u4f8b&#xff0c;\u53ea\u4e0d\u8fc7 Logseq \u6838\u5fc3\u4e0d\u50cf Obsidian \u539f\u751f\u652f\u6301 Mermaid \u90a3\u6837\u53ef\u8fbe\u3002<\/li>\n<li>\u589e\u91cf\u800c\u975e\u7834\u574f\u6027\u3002\u5728\u73b0\u6709\u670d\u52a1\u5668\u8c03\u7528\u65c1\u589e\u52a0\u7b2c\u4e8c\u540e\u7aef\u9009\u9879&#xff1b;\u504f\u597d\u81ea\u5efa PlantUML \u670d\u52a1\u5668\u7684\u7528\u6237\u4fdd\u7559\u539f\u6709\u9009\u62e9\u3002<\/li>\n<li>\u6781\u5c0f\u7684\u4f53\u91cf\u3002\u4e24\u4e2a\u5bfc\u51fa\u51fd\u6570&#xff1b;\u6e32\u67d3\u6b65\u9aa4\u63a5\u7ebf\u53ea\u6709\u5be5\u5be5\u51e0\u884c&#xff0c;\u4e0e\u73b0\u6709\u57fa\u4e8e fetch() \u7684\u6e32\u67d3\u5668\u5f62\u72b6\u76f8\u4f3c\u3002<\/li>\n<\/ul>\n<h3>\u76f8\u5173\u6587\u4ef6\u7d22\u5f15<\/h3>\n<p>\u672c\u6587\u6863\u4f4d\u4e8e docs\/ \u4e0b&#xff0c;\u4e0e docs\/GITHUB_INTEGRATION.md\u3001docs\/NOTION_INTEGRATION.md\u3001docs\/OUTLINE_INTEGRATION.md\u3001docs\/OBSIDIAN_INTEGRATION.md \u540c\u5217\u3002\u6587\u6863\u6240\u8ff0\u7684\u5f15\u64ce\u6587\u4ef6\u4f4d\u4e8e src\/main\/resources\/teavm\/&#xff1a;<\/p>\n<table>\n<tr>\u6587\u4ef6\u8bf4\u660e<\/tr>\n<tbody>\n<tr>\n<td>plantuml.js<\/td>\n<td>TeaVM \u7f16\u8bd1\u7684 PlantUML \u5f15\u64ce&#xff08;\u7531\u6784\u5efa\u751f\u6210&#xff09;\u3002<\/td>\n<\/tr>\n<tr>\n<td>viz-global.js<\/td>\n<td>Graphviz&#xff08;Viz.js&#xff09;\u5e03\u5c40\u5f15\u64ce\u3002<\/td>\n<\/tr>\n<tr>\n<td>index.html<\/td>\n<td>\u5e26\u5206\u680f\u7f16\u8f91\u5668\u7684\u5b8c\u6574 playground\u2014\u2014\u4e0e\u4e0a\u6587\u6f14\u793a URL \u5728\u7ebf\u7684\u662f\u540c\u4e00\u4efd\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Java \u4fa7\u5b9e\u73b0\u4e0e\u9a8c\u8bc1\u6750\u6599&#xff1a;<\/p>\n<table>\n<tr>\u6587\u4ef6\u8bf4\u660e<\/tr>\n<tbody>\n<tr>\n<td>PlantUMLBrowser.java<\/td>\n<td>\u6d4f\u89c8\u5668\u6e32\u67d3\u5f15\u64ce\u7684 Java \u6e90\u5934&#xff1a;render \/ renderToString \u5bfc\u51fa\u3001worker \u7ebf\u7a0b\u3001\u6697\u8272\u6a21\u5f0f\u4e0e maxSvgSize \u9009\u9879\u3002<\/td>\n<\/tr>\n<tr>\n<td>GraphVizjsTeaVMEngine.java<\/td>\n<td>Viz.js \u5f02\u6b65\u6865\u63a5\u4e0e Smetana \u56de\u9000\u3002<\/td>\n<\/tr>\n<tr>\n<td>main.js<\/td>\n<td>Playground \u6e32\u67d3\u903b\u8f91&#xff1a;\u6309\u884c\u62c6\u5206\u6e90\u7801\u3001render(lines, &#034;out&#034;, {dark})\u3001URL hash \u5206\u4eab\u3002<\/td>\n<\/tr>\n<tr>\n<td>GITHUB_INTEGRATION.md<\/td>\n<td>\u9762\u5411 GitHub \u7684\u539f\u59cb\u63d0\u6848&#xff08;\u542b iframe \u5e76\u884c\u6e32\u67d3\u67b6\u6784\u4e0e\u6d88\u606f\u534f\u8bae&#xff09;\u3002<\/td>\n<\/tr>\n<tr>\n<td>NOTION_INTEGRATION.md<\/td>\n<td>\u9762\u5411 Notion \u7684\u540c\u6b3e\u63d0\u6848\u3002<\/td>\n<\/tr>\n<tr>\n<td>NOTION_EMBED_HOWTO.md<\/td>\n<td>\u53ef\u7acb\u5373\u4f7f\u7528\u7684\u96f6\u4ee3\u7801 Notion \u53d8\u901a\u65b9\u6848\u3002<\/td>\n<\/tr>\n<tr>\n<td>OUTLINE_INTEGRATION.md<\/td>\n<td>\u9762\u5411 Outline \u7684\u540c\u6b3e\u63d0\u6848\u3002<\/td>\n<\/tr>\n<tr>\n<td>OBSIDIAN_INTEGRATION.md<\/td>\n<td>\u9762\u5411 obsidian-plantuml \u793e\u533a\u63d2\u4ef6\u7684\u540c\u6b3e\u63d0\u6848\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>\u843d\u5730\u8def\u5f84\u5c0f\u7ed3<\/h3>\n<p>\u5bf9\u6574\u4e2a\u65b9\u6848\u505a\u4e00\u6b21\u6536\u675f&#xff1a;\u73b0\u72b6\u662f Logseq \u7684 PlantUML \u4f53\u9a8c\u5b8c\u5168\u4f9d\u8d56\u5916\u90e8\u670d\u52a1\u5668&#xff1b;\u7f3a\u53e3\u662f\u552f\u4e00\u7684\u7eaf JS PlantUML \u5f15\u64ce\u6b64\u524d\u4e0d\u5b58\u5728&#xff0c;\u800c\u8fd9\u4e2a\u7f3a\u53e3\u5982\u4eca\u5df2\u7531\u672c\u4ed3\u5e93 TeaVM \u7f16\u8bd1\u7684 plantuml.js \u8865\u9f50&#xff0c;\u5e76\u6709\u5728\u7ebf playground \u53ef\u7acb\u5373\u9a8c\u8bc1&#xff1b;\u63a5\u5165\u65b9\u5f0f\u662f\u628a\u4e24\u4e2a JS \u6587\u4ef6\u4f5c\u4e3a\u6253\u5305\u8d44\u6e90\u63a5\u5165 cofcold\/logseq-plantuml-plugin \u65e2\u6709\u7684\u5b8f\u6e32\u67d3\u5668&#xff0c;\u6539\u52a8\u91cf\u6781\u5c0f\u4e14\u5b8c\u5168\u589e\u91cf&#xff1b;\u524d\u63d0\u7ea6\u675f\u662f\u8981\u9075\u5b88\u5f15\u64ce\u7684\u5f02\u6b65\u6e32\u67d3\u8bed\u4e49&#xff08;\u540c\u4e00 JS \u4e0a\u4e0b\u6587\u5185\u4e32\u884c\u6e32\u67d3&#xff0c;\u6216\u91c7\u7528 GITHUB_INTEGRATION.md \u4e2d\u6bcf\u56fe\u4e00\u4e2a\u9690\u85cf iframe \u7684\u5e76\u884c\u6a21\u5f0f&#xff09;\u3002\u5bf9\u4e8e\u5173\u5fc3\u9690\u79c1\u3001\u79bb\u7ebf\u53ef\u7528\u6027&#xff0c;\u6216\u4e0d\u60f3\u7ef4\u62a4 JVM \/ \u670d\u52a1\u5668\u8fdb\u7a0b\u7684 Logseq \u7528\u6237\u6765\u8bf4&#xff0c;\u8fd9\u662f\u4e00\u4e2a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM\u3001\u4e14\u5df2\u88ab\u540c\u7c7b Mermaid \u63d2\u4ef6\u9a8c\u8bc1\u8fc7\u7684\u53ef\u884c\u8def\u5f84\u3002<\/p>\n<p>  <img loading=\"lazy\" decoding=\"async\" class=\"gcb-icon-like\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922054844-6ab216bc6e350.svg\" alt=\"\" width=\"16\" height=\"16\" \/> <span class=\"gcb-like-text\">\u8d5e<\/span>  <\/p>\n<p>   <span class=\"gcb-share-text\">\u5206\u4eab<\/span>  <\/p>\n<ul class=\"gcb-tag-list\">\n<li><span class=\"gcb-tag\">\u5f00\u53d1\u5de5\u5177<\/span><\/li>\n<li><span class=\"gcb-tag\">\u6587\u6863<\/span><\/li>\n<\/ul>\n<h3 class=\"gcb-project-title\">\u3010\u514d\u8d39\u4e0b\u8f7d\u94fe\u63a5\u3011plantuml<\/h3>\n<p class=\"gcb-project-desc\">Generate diagrams from textual description<\/p>\n<p>    <span class=\"gcb-project-addr-label\">\u9879\u76ee\u5730\u5740&#xff1a;<\/span><br \/>\n    <span class=\"gcb-project-addr-link\">https:\/\/gitcode.com\/gh_mirrors\/pl\/plantuml<\/span> <\/p>\n<p>  <span class=\"gcb-project-btn\"> <span class=\"gcb-project-btn-main\">\u70b9\u51fb\u67e5\u770b<\/span> <span class=\"gcb-project-btn-sub\">\u514d\u8d39\u4e0b\u8f7d<\/span> <\/span> <\/p>\n<h4 class=\"gcb-related-title\">\u76f8\u5173\u63a8\u8350<\/h4>\n<ul class=\"gcb-related-list\">\n<li class=\"gcb-related-item\">\n<h5 class=\"gcb-related-item-title\">FreeOTP-Android\u9ad8\u7ea7\u6280\u5de7&#xff1a;\u81ea\u5b9a\u4e49\u4ee4\u724c\u56fe\u6807\u4e0e\u54c1\u724c\u4e2a\u6027\u5316\u8bbe\u7f6e<\/h5>\n<p class=\"gcb-related-item-desc\">FreeOTP Android\u9ad8\u7ea7\u6280\u5de7&#xff1a;\u81ea\u5b9a\u4e49\u4ee4\u724c\u56fe\u6807\u4e0e\u54c1\u724c\u4e2a\u6027\u5316\u8bbe\u7f6e FreeOTP Android\u662f\u4e00\u6b3e\u5f00\u6e90\u7684\u53cc\u56e0\u7d20\u8ba4\u8bc1\u5e94\u7528&#xff0c;\u5e2e\u52a9\u7528\u6237\u5b89\u5168\u7ba1\u7406\u5404\u7c7b\u8d26\u6237\u7684\u9a8c\u8bc1<\/p>\n<\/li>\n<li class=\"gcb-related-item\">\n<h5 class=\"gcb-related-item-title\">\u5982\u4f55\u5feb\u901f\u4e0a\u624bPersonas&#xff1a;Draftbit\u5f00\u6e90\u5934\u50cf\u751f\u6210\u5668\u65b0\u624b\u5165\u95e8\u6307\u5357<\/h5>\n<p class=\"gcb-related-item-desc\">\u5982\u4f55\u5feb\u901f\u4e0a\u624bPersonas&#xff1a;Draftbit\u5f00\u6e90\u5934\u50cf\u751f\u6210\u5668\u65b0\u624b\u5165\u95e8\u6307\u5357 Personas\u662f\u7531Draftbit\u5f00\u53d1\u7684\u4e00\u6b3e\u5f00\u6e90\u5934\u50cf\u751f\u6210\u5de5\u5177&#xff0c;\u5b83\u80fd\u5e2e\u52a9\u7528\u6237\u8f7b\u677e\u521b\u5efa\u4e2a<\/p>\n<\/li>\n<li class=\"gcb-related-item\">\n<h5 class=\"gcb-related-item-title\">CodeT5\u5d4c\u5165\u6a21\u578b\u5b8c\u5168\u6307\u5357&#xff1a;\u4ee3\u7801\u68c0\u7d22\u4e0e\u8bed\u4e49\u5339\u914d\u7684\u7ec8\u6781\u89e3\u51b3\u65b9\u6848<\/h5>\n<p class=\"gcb-related-item-desc\">CodeT5\u5d4c\u5165\u6a21\u578b\u5b8c\u5168\u6307\u5357&#xff1a;\u4ee3\u7801\u68c0\u7d22\u4e0e\u8bed\u4e49\u5339\u914d\u7684\u7ec8\u6781\u89e3\u51b3\u65b9\u6848 CodeT5\u5d4c\u5165\u6a21\u578b\u662f\u4e00\u6b3e\u4e13\u4e3a\u4ee3\u7801\u7406\u89e3\u4e0e\u751f\u6210\u8bbe\u8ba1\u7684\u5f00\u6e90\u5de5\u5177&#xff0c;\u5b83\u901a\u8fc7\u5148\u8fdb\u7684\u9884\u8bad\u7ec3\u6280\u672f&#xff0c;\u4e3a\u5f00\u53d1\u8005\u63d0\u4f9b<\/p>\n<p>     <span class=\"gcb-tag\">\u4eba\u5de5\u667a\u80fd<\/span><br \/>\n     <span class=\"gcb-tag\">\u57fa\u7840\u6a21\u578b<\/span><br \/>\n     <span class=\"gcb-tag\">\u5927\u6a21\u578b<\/span><br \/>\n     <span class=\"gcb-tag\">\u4ee3\u7801\u6a21\u578b<\/span><br \/>\n     <span class=\"gcb-tag\">NLP<\/span><br \/>\n     <span class=\"gcb-tag\">\u9884\u8bad\u7ec3<\/span><br \/>\n     <span class=\"gcb-tag\">\u5fae\u8c03<\/span>\n      <\/li>\n<\/ul>\n<p>  <span class=\"gcb-prev-next-label\">\u4e0a\u4e00\u7bc7&#xff1a;<\/span><br \/>\n  Python\u6570\u636e\u5bfc\u5165\u5de5\u5177Pandas&#xff1a;\u9ad8\u6548\u8bfb\u53d6Excel\u6587\u4ef6\u7684\u5b8c\u6574\u6307\u5357 <\/p>\n<p>  <span class=\"gcb-prev-next-label\">\u4e0b\u4e00\u7bc7&#xff1a;<\/span><br \/>\n  \u6df1\u5165\u89e3\u6790 Opik \u7684 LlamaIndex \u96c6\u6210&#xff1a;\u7528 LlamaIndexCallbackHandler \u4e3a RAG \u4e0e LLM \u5e94\u7528\u5efa\u7acb\u7aef\u5230\u7aef\u8ffd\u8e2a <\/p>\n<p>\u521b\u4f5c\u58f0\u660e\uff1a\u672c\u6587\u90e8\u5206\u5185\u5bb9\u7531AI\u8f85\u52a9\u751f\u6210\uff08AIGC\uff09\uff0c\u4ec5\u4f9b\u53c2\u8003<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5f00\u53d1\u5de5\u5177\u6587\u6863 \u3010\u514d\u8d39\u4e0b\u8f7d\u94fe\u63a5\u3011plantuml Generate diagrams from textual description \u9879\u76ee\u5730\u5740&#xff1a; https:\/\/gitcode.com\/gh_mirrors\/pl\/plantuml \u70b9\u51fb\u67e5\u770b \u514d\u8d39\u4e0b\u8f7d  \u672c\u7bc7\u6280\u672f\u6307\u5357\u56f4\u7ed5 PlantUML \u4ed3\u5e93\u4e2d\u7684 docs\/LOGSEQ_INTEGRATION.md \u5c55\u5f00&#xff0c;\u8bb2\u89e3\u5982\u4f55\u628a\u7531 TeaVM \u7f16\u8bd1\u51fa\u7684\u7eaf JavaScript PlantUML \u5f15\u64ce&amp;#xff<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"topic":[],"class_list":["post-108714","post","type-post","status-publish","format-standard","hentry","category-server"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Logseq \u96c6\u6210 PlantUML \u7eaf JavaScript \u6e32\u67d3\u5f15\u64ce\uff1a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM \u7684\u5ba2\u6237\u7aef\u6e32\u67d3\u65b9\u6848\uff08Proof of Concept\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/108714.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Logseq \u96c6\u6210 PlantUML \u7eaf JavaScript \u6e32\u67d3\u5f15\u64ce\uff1a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM \u7684\u5ba2\u6237\u7aef\u6e32\u67d3\u65b9\u6848\uff08Proof of Concept\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u5f00\u53d1\u5de5\u5177\u6587\u6863 \u3010\u514d\u8d39\u4e0b\u8f7d\u94fe\u63a5\u3011plantuml Generate diagrams from textual description \u9879\u76ee\u5730\u5740&#xff1a; https:\/\/gitcode.com\/gh_mirrors\/pl\/plantuml \u70b9\u51fb\u67e5\u770b \u514d\u8d39\u4e0b\u8f7d \u672c\u7bc7\u6280\u672f\u6307\u5357\u56f4\u7ed5 PlantUML \u4ed3\u5e93\u4e2d\u7684 docs\/LOGSEQ_INTEGRATION.md \u5c55\u5f00&#xff0c;\u8bb2\u89e3\u5982\u4f55\u628a\u7531 TeaVM \u7f16\u8bd1\u51fa\u7684\u7eaf JavaScript PlantUML \u5f15\u64ce&amp;#xff\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/108714.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-22T05:48:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922054844-6ab216bc6e350.svg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/108714.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/108714.html\",\"name\":\"Logseq \u96c6\u6210 PlantUML \u7eaf JavaScript \u6e32\u67d3\u5f15\u64ce\uff1a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM \u7684\u5ba2\u6237\u7aef\u6e32\u67d3\u65b9\u6848\uff08Proof of Concept\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-09-22T05:48:45+00:00\",\"dateModified\":\"2026-09-22T05:48:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/108714.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/108714.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/108714.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Logseq \u96c6\u6210 PlantUML \u7eaf JavaScript \u6e32\u67d3\u5f15\u64ce\uff1a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM \u7684\u5ba2\u6237\u7aef\u6e32\u67d3\u65b9\u6848\uff08Proof of Concept\uff09\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Logseq \u96c6\u6210 PlantUML \u7eaf JavaScript \u6e32\u67d3\u5f15\u64ce\uff1a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM \u7684\u5ba2\u6237\u7aef\u6e32\u67d3\u65b9\u6848\uff08Proof of Concept\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/108714.html","og_locale":"zh_CN","og_type":"article","og_title":"Logseq \u96c6\u6210 PlantUML \u7eaf JavaScript \u6e32\u67d3\u5f15\u64ce\uff1a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM \u7684\u5ba2\u6237\u7aef\u6e32\u67d3\u65b9\u6848\uff08Proof of Concept\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u5f00\u53d1\u5de5\u5177\u6587\u6863 \u3010\u514d\u8d39\u4e0b\u8f7d\u94fe\u63a5\u3011plantuml Generate diagrams from textual description \u9879\u76ee\u5730\u5740&#xff1a; https:\/\/gitcode.com\/gh_mirrors\/pl\/plantuml \u70b9\u51fb\u67e5\u770b \u514d\u8d39\u4e0b\u8f7d \u672c\u7bc7\u6280\u672f\u6307\u5357\u56f4\u7ed5 PlantUML \u4ed3\u5e93\u4e2d\u7684 docs\/LOGSEQ_INTEGRATION.md \u5c55\u5f00&#xff0c;\u8bb2\u89e3\u5982\u4f55\u628a\u7531 TeaVM \u7f16\u8bd1\u51fa\u7684\u7eaf JavaScript PlantUML \u5f15\u64ce&amp;#xff","og_url":"https:\/\/www.wsisp.com\/helps\/108714.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-09-22T05:48:45+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922054844-6ab216bc6e350.svg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"4 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/108714.html","url":"https:\/\/www.wsisp.com\/helps\/108714.html","name":"Logseq \u96c6\u6210 PlantUML \u7eaf JavaScript \u6e32\u67d3\u5f15\u64ce\uff1a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM \u7684\u5ba2\u6237\u7aef\u6e32\u67d3\u65b9\u6848\uff08Proof of Concept\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-09-22T05:48:45+00:00","dateModified":"2026-09-22T05:48:45+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/108714.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/108714.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/108714.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"Logseq \u96c6\u6210 PlantUML \u7eaf JavaScript \u6e32\u67d3\u5f15\u64ce\uff1a\u96f6\u670d\u52a1\u5668\u3001\u96f6 JVM \u7684\u5ba2\u6237\u7aef\u6e32\u67d3\u65b9\u6848\uff08Proof of Concept\uff09"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/108714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=108714"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/108714\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=108714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=108714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=108714"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=108714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}