{"id":73,"date":"2026-04-18T22:15:58","date_gmt":"2026-04-18T14:15:58","guid":{"rendered":"https:\/\/www.bojinhu.xyz\/?p=73"},"modified":"2026-04-22T12:18:31","modified_gmt":"2026-04-22T04:18:31","slug":"mermaid-%e5%9b%be%e8%a1%a8%e7%bb%98%e5%88%b6%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0","status":"publish","type":"post","link":"https:\/\/www.bojinhu.xyz\/index.php\/2026\/04\/18\/mermaid-%e5%9b%be%e8%a1%a8%e7%bb%98%e5%88%b6%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0\/","title":{"rendered":"Mermaid \u56fe\u8868\u7ed8\u5236\u5b66\u4e60\u7b14\u8bb0"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">\u4e00\u3001Mermaid \u662f\u4ec0\u4e48\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Mermaid \u662f\u4e00\u4e2a\u57fa\u4e8e JavaScript \u7684\u56fe\u8868\u7ed8\u5236\u5de5\u5177\uff0c\u6838\u5fc3\u7279\u70b9\u662f <strong>\u7528\u6587\u672c\u63cf\u8ff0\u751f\u6210\u56fe\u8868<\/strong>\u3002\u5bf9\u6211\u800c\u8a00\uff0c\u5b83\u7684\u4ef7\u503c\u5728\u4e8e\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u7eaf\u6587\u672c\u7ef4\u62a4<\/strong>\uff1a\u56fe\u8868\u548c\u6587\u6863\u5199\u5728\u4e00\u8d77\uff0c\u4e0d\u7528\u622a\u56fe\u3001\u4e0d\u7528\u62d6\u62fd\u3001\u4e0d\u7528\u4fdd\u5b58\u989d\u5916\u56fe\u7247\u6587\u4ef6\u3002<\/li>\n\n\n\n<li><strong>\u7248\u672c\u63a7\u5236\u53cb\u597d<\/strong>\uff1a<code>.md<\/code> \u6587\u4ef6\u91cc\u76f4\u63a5\u6539\u51e0\u884c\u6587\u5b57\uff0c\u56fe\u8868\u5c31\u53d8\u4e86\uff0cGit diff \u6e05\u6670\u53ef\u8bfb\u3002<\/li>\n\n\n\n<li><strong>\u5d4c\u5165 Markdown<\/strong>\uff1a\u5927\u90e8\u5206\u7b14\u8bb0\u8f6f\u4ef6\u548c Git \u6258\u7ba1\u5e73\u53f0\uff08GitHub\u3001GitLab\uff09\u539f\u751f\u652f\u6301\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u4ee5\u524d\u753b\u6d41\u7a0b\u56fe\uff0c\u6211\u8981\u4e48\u5728 Draw.io \u91cc\u62d6\u62fd\u7136\u540e\u622a\u56fe\uff0c\u8981\u4e48\u7528 PlantUML\u3002Mermaid \u7684\u8bed\u6cd5\u6bd4 PlantUML \u66f4\u7b80\u6d01\uff0c\u800c\u4e14\u548c Markdown \u65e0\u7f1d\u96c6\u6210\uff0c\u6211\u73b0\u5728\u7684\u6280\u672f\u7b14\u8bb0\u91cc\u6240\u6709\u56fe\u8868\u90fd\u6539\u7528 Mermaid \u4e86\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e8c\u3001\u600e\u4e48\u7528 Mermaid\uff1f<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">1. \u5728 Markdown \u4e2d\u4f7f\u7528<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u7528 <code>mermaid<\/code> \u4ee3\u7801\u5757\u5305\u88f9\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>```mermaid\ngraph TD\n    A&#91;\u5f00\u59cb] --&gt; B{\u5224\u65ad}\n    B --&gt;|\u662f| C&#91;\u7ed3\u675f]\n    B --&gt;|\u5426| A\n```<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u6e32\u67d3\u6548\u679c\uff08\u5728\u4f60\u7684\u7f51\u7ad9\u4e0a\u4f1a\u663e\u793a\u4e3a\u56fe\u8868\uff09\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>graph TD\n    A&#91;\u5f00\u59cb] --&gt; B{\u5224\u65ad}\n    B --&gt;|\u662f| C&#91;\u7ed3\u675f]\n    B --&gt;|\u5426| A<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e09\u3001\u5e38\u7528\u56fe\u8868\u7c7b\u578b\u53ca\u8bed\u6cd5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">1. \u6d41\u7a0b\u56fe\uff08Flowchart\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u6700\u5e38\u7528\u7684\u56fe\u8868\u7c7b\u578b\uff0c\u7528\u4e8e\u63cf\u8ff0\u6d41\u7a0b\u3001\u903b\u8f91\u3001\u67b6\u6784\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u57fa\u672c\u8bed\u6cd5<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>graph TD\n    Start --&gt; Process&#91;\u5904\u7406\u6b65\u9aa4]\n    Process --&gt; Decision{\u6761\u4ef6\u5224\u65ad}\n    Decision --&gt;|\u662f| End&#91;\u7ed3\u675f]\n    Decision --&gt;|\u5426| Process<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u8282\u70b9\u5f62\u72b6<\/strong>\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u5f62\u72b6<\/th><th>\u8bed\u6cd5<\/th><th>\u793a\u4f8b<\/th><\/tr><\/thead><tbody><tr><td>\u77e9\u5f62\uff08\u9ed8\u8ba4\uff09<\/td><td><code>\u8282\u70b9ID[\u6587\u672c]<\/code><\/td><td><code>A[\u5f00\u59cb]<\/code><\/td><\/tr><tr><td>\u5706\u89d2\u77e9\u5f62<\/td><td><code>\u8282\u70b9ID(\u6587\u672c)<\/code><\/td><td><code>B(\u5904\u7406)<\/code><\/td><\/tr><tr><td>\u83f1\u5f62\uff08\u51b3\u7b56\uff09<\/td><td><code>\u8282\u70b9ID{\u6587\u672c}<\/code><\/td><td><code>C{\u5224\u65ad?}<\/code><\/td><\/tr><tr><td>\u5706\u5f62\uff08\u8d77\u59cb\/\u7ed3\u675f\uff09<\/td><td><code>\u8282\u70b9ID((\u6587\u672c))<\/code><\/td><td><code>D((\u7ed3\u675f))<\/code><\/td><\/tr><tr><td>\u5706\u67f1\u5f62\uff08\u6570\u636e\u5e93\uff09<\/td><td><code>\u8282\u70b9ID[(\u6587\u672c)]<\/code><\/td><td><code>DB[(\u6570\u636e\u5e93)]<\/code><\/td><\/tr><tr><td>\u516d\u8fb9\u5f62<\/td><td><code>\u8282\u70b9ID{{\u6587\u672c}}<\/code><\/td><td><code>E{{\u51c6\u5907}}<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u8fde\u7ebf\u65b9\u5411<\/strong>\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>graph TD<\/code>\uff1a\u4ece\u4e0a\u5230\u4e0b\uff08Top-Down\uff09<\/li>\n\n\n\n<li><code>graph LR<\/code>\uff1a\u4ece\u5de6\u5230\u53f3\uff08Left-Right\uff09<\/li>\n\n\n\n<li><code>graph BT<\/code>\uff1a\u4ece\u4e0b\u5230\u4e0a<\/li>\n\n\n\n<li><code>graph RL<\/code>\uff1a\u4ece\u53f3\u5230\u5de6<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5e26\u6807\u7b7e\u7684\u8fde\u7ebf<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>A --&gt;|\u6807\u7b7e\u6587\u5b57| B<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5b50\u56fe\uff08\u5206\u7ec4\uff09<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>subgraph \u5b50\u56fe\u6807\u9898\n    A\n    B\nend<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u793a\u4f8b\uff1a\u767b\u5f55\u6d41\u7a0b<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>graph TD\n    Start((\u5f00\u59cb)) --&gt; Input&#91;\u8f93\u5165\u7528\u6237\u540d\u5bc6\u7801]\n    Input --&gt; Validate{\u9a8c\u8bc1}\n    Validate --&gt;|\u6210\u529f| Dashboard&#91;\u8fdb\u5165\u4eea\u8868\u76d8]\n    Validate --&gt;|\u5931\u8d25| Error&#91;\u663e\u793a\u9519\u8bef]\n    Error --&gt; Input\n    Dashboard --&gt; End((\u7ed3\u675f))<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u8e29\u5751\u8bb0\u5f55\uff1a\u8282\u70b9 ID \u4e0d\u80fd\u5305\u542b\u7a7a\u683c\u3002\u5982\u679c\u9700\u8981\u7a7a\u683c\uff0c\u7528\u4e2d\u62ec\u53f7\u5305\u88f9\u6587\u672c\u5373\u53ef\uff0c\u6bd4\u5982 <code>A[\u6211\u7684\u8282\u70b9]<\/code>\u3002\u8fde\u7ebf\u65f6\u6807\u7b7e\u7528\u7ad6\u7ebf\u5305\u88f9\uff0c<code>--&gt;|\u6807\u7b7e|<\/code>\uff0c\u6ce8\u610f\u7ad6\u7ebf\u524d\u540e\u4e0d\u8981\u52a0\u591a\u4f59\u7a7a\u683c\u3002<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\">2. \u65f6\u5e8f\u56fe\uff08Sequence Diagram\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u7528\u4e8e\u63cf\u8ff0\u591a\u4e2a\u53c2\u4e0e\u8005\u4e4b\u95f4\u7684\u4ea4\u4e92\u987a\u5e8f\uff0c\u7279\u522b\u9002\u5408\u753b API \u8c03\u7528\u3001\u6d88\u606f\u4f20\u9012\u6d41\u7a0b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u57fa\u672c\u8bed\u6cd5<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>sequenceDiagram\n    participant \u7528\u6237\n    participant \u524d\u7aef\n    participant \u540e\u7aef\n    \u7528\u6237-&gt;&gt;\u524d\u7aef: \u70b9\u51fb\u767b\u5f55\u6309\u94ae\n    \u524d\u7aef-&gt;&gt;\u540e\u7aef: POST \/api\/login\n    \u540e\u7aef--&gt;&gt;\u524d\u7aef: \u8fd4\u56de token\n    \u524d\u7aef--&gt;&gt;\u7528\u6237: \u8df3\u8f6c\u9996\u9875<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u53c2\u4e0e\u8005\u58f0\u660e<\/strong>\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>participant<\/code>\uff1a\u6807\u51c6\u53c2\u4e0e\u8005<\/li>\n\n\n\n<li><code>actor<\/code>\uff1a\u89d2\u8272\uff08\u5c0f\u4eba\u56fe\u6807\uff0c\u90e8\u5206\u6e32\u67d3\u5668\u652f\u6301\uff09<\/li>\n\n\n\n<li>\u53ef\u4ee5\u4e0d\u58f0\u660e\uff0c\u76f4\u63a5\u7528\uff0c\u4f46\u63a8\u8350\u58f0\u660e\u4ee5\u63a7\u5236\u987a\u5e8f<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u6d88\u606f\u7c7b\u578b<\/strong>\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u7b26\u53f7<\/th><th>\u542b\u4e49<\/th><\/tr><\/thead><tbody><tr><td><code>-&gt;&gt;<\/code><\/td><td>\u5b9e\u7ebf\u7bad\u5934\uff08\u540c\u6b65\u8bf7\u6c42\uff09<\/td><\/tr><tr><td><code>--&gt;&gt;<\/code><\/td><td>\u865a\u7ebf\u7bad\u5934\uff08\u5f02\u6b65\u54cd\u5e94\uff09<\/td><\/tr><tr><td><code>-&gt;<\/code><\/td><td>\u5b9e\u7ebf\u65e0\u7bad\u5934<\/td><\/tr><tr><td><code>--&gt;&gt;<\/code><\/td><td>\u865a\u7ebf\u65e0\u7bad\u5934<\/td><\/tr><tr><td><code>-)<\/code><\/td><td>\u5b9e\u7ebf\u672b\u5c3e\u5e26 X\uff08\u5f02\u6b65\uff09<\/td><\/tr><tr><td><code>--x<\/code><\/td><td>\u865a\u7ebf\u672b\u5c3e\u5e26 X<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u6fc0\u6d3b\u6846\uff08\u751f\u547d\u7ebf\uff09<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>activate \u540e\u7aef\n\u540e\u7aef--&gt;&gt;\u524d\u7aef: \u54cd\u5e94\ndeactivate \u540e\u7aef<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u7b80\u5199\uff1a<code>+<\/code> \u548c <code>-<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u7528\u6237-&gt;&gt;+\u540e\u7aef: \u8bf7\u6c42\n\u540e\u7aef--&gt;&gt;-\u7528\u6237: \u54cd\u5e94<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u6807\u6ce8\uff08Note\uff09<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Note left of \u7528\u6237: \u7528\u6237\u4fa7\u5907\u6ce8\nNote right of \u540e\u7aef: \u670d\u52a1\u4fa7\u5907\u6ce8\nNote over \u7528\u6237,\u540e\u7aef: \u8de8\u53c2\u4e0e\u8005\u5907\u6ce8<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5faa\u73af\/\u6761\u4ef6\/\u53ef\u9009<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>loop \u6bcf\u79d2\u4e00\u6b21\n    \u7528\u6237-&gt;&gt;\u540e\u7aef: \u5fc3\u8df3\nend\n\nalt \u6210\u529f\n    \u540e\u7aef--&gt;&gt;\u7528\u6237: 200 OK\nelse \u5931\u8d25\n    \u540e\u7aef--&gt;&gt;\u7528\u6237: 500 Error\nend<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u793a\u4f8b\uff1a\u7528\u6237\u6ce8\u518c\u65f6\u5e8f\u56fe<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>sequenceDiagram\n    actor \u7528\u6237\n    participant \u524d\u7aef\n    participant \u540e\u7aef\n    participant \u6570\u636e\u5e93\n\n    \u7528\u6237-&gt;&gt;\u524d\u7aef: \u586b\u5199\u6ce8\u518c\u4fe1\u606f\n    \u524d\u7aef-&gt;&gt;\u540e\u7aef: POST \/register\n    \u540e\u7aef-&gt;&gt;\u6570\u636e\u5e93: \u67e5\u8be2\u7528\u6237\u540d\u662f\u5426\u5b58\u5728\n    alt \u7528\u6237\u540d\u5df2\u5b58\u5728\n        \u6570\u636e\u5e93--&gt;&gt;\u540e\u7aef: \u8fd4\u56de\u5b58\u5728\n        \u540e\u7aef--&gt;&gt;\u524d\u7aef: 409 \u51b2\u7a81\n        \u524d\u7aef--&gt;&gt;\u7528\u6237: \u63d0\u793a\u7528\u6237\u540d\u88ab\u5360\u7528\n    else \u7528\u6237\u540d\u53ef\u7528\n        \u6570\u636e\u5e93--&gt;&gt;\u540e\u7aef: \u4e0d\u5b58\u5728\n        \u540e\u7aef-&gt;&gt;\u6570\u636e\u5e93: \u63d2\u5165\u65b0\u7528\u6237\n        \u6570\u636e\u5e93--&gt;&gt;\u540e\u7aef: \u6210\u529f\n        \u540e\u7aef--&gt;&gt;\u524d\u7aef: 201 \u6ce8\u518c\u6210\u529f\n        \u524d\u7aef--&gt;&gt;\u7528\u6237: \u8df3\u8f6c\u767b\u5f55\u9875\n    end<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u4e2a\u4eba\u7ecf\u9a8c\uff1a\u65f6\u5e8f\u56fe\u6700\u5e38\u7528\u4e8e\u68b3\u7406\u63a5\u53e3\u8c03\u7528\u5173\u7cfb\u3002\u6211\u4e00\u822c\u5728\u8bbe\u8ba1\u65b0\u529f\u80fd\u524d\uff0c\u5148\u7528\u65f6\u5e8f\u56fe\u753b\u4e00\u904d\u4ea4\u4e92\u6d41\u7a0b\uff0c\u80fd\u63d0\u524d\u53d1\u73b0\u5f88\u591a\u903b\u8f91\u6f0f\u6d1e\u3002<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\">3. \u7518\u7279\u56fe\uff08Gantt Chart\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u9879\u76ee\u7ba1\u7406\/\u5b66\u4e60\u8ba1\u5212\/\u4efb\u52a1\u6392\u671f\uff0c\u7279\u522b\u9002\u5408\u505a\u4e2a\u4eba\u5b66\u4e60\u8def\u7ebf\u56fe\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u57fa\u672c\u8bed\u6cd5<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>gantt\n    title \u5b66\u4e60\u8ba1\u5212 - 2025\u5e74Q2\n    dateFormat YYYY-MM-DD\n    section \u57fa\u7840\u5b66\u4e60\n    Markdown\u7b14\u8bb0       :done,    des1, 2025-04-01, 3d\n    Tmux\u914d\u7f6e          :active,  des2, 2025-04-04, 2d\n    Mermaid\u5b66\u4e60       :         des3, 2025-04-06, 4d\n    section \u9879\u76ee\u5b9e\u6218\n    \u4e2a\u4eba\u535a\u5ba2\u642d\u5efa       :         des4, after des3, 5d\n    \u90e8\u7f72\u4e0a\u7ebf           :         des5, 2025-04-15, 2d<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5e38\u7528\u914d\u7f6e\u9879<\/strong>\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>title<\/code>\uff1a\u56fe\u8868\u6807\u9898<\/li>\n\n\n\n<li><code>dateFormat<\/code>\uff1a\u65e5\u671f\u683c\u5f0f\uff0c\u5e38\u7528 <code>YYYY-MM-DD<\/code><\/li>\n\n\n\n<li><code>section<\/code>\uff1a\u5206\u7ec4<\/li>\n\n\n\n<li>\u4efb\u52a1\u884c\uff1a<code>\u4efb\u52a1\u540d : \u72b6\u6001, \u4efb\u52a1ID, \u5f00\u59cb\u65e5\u671f, \u6301\u7eed\u65f6\u95f4<\/code><\/li>\n\n\n\n<li>\u72b6\u6001\uff1a<code>done<\/code>\uff08\u5df2\u5b8c\u6210\uff09\u3001<code>active<\/code>\uff08\u8fdb\u884c\u4e2d\uff09\u3001<code>crit<\/code>\uff08\u5173\u952e\u4efb\u52a1\uff0c\u7ea2\u8272\u9ad8\u4eae\uff09\u3001\u65e0\u72b6\u6001\uff08\u672a\u5f00\u59cb\uff09<\/li>\n\n\n\n<li>\u5f00\u59cb\u65e5\u671f\uff1a\u53ef\u4ee5\u7528\u5177\u4f53\u65e5\u671f <code>2025-04-01<\/code>\uff0c\u4e5f\u53ef\u4ee5\u7528 <code>after \u4efb\u52a1ID<\/code> \u8868\u793a\u4f9d\u8d56<\/li>\n\n\n\n<li>\u6301\u7eed\u65f6\u95f4\uff1a<code>Xd<\/code>\uff08X\u5929\uff09\u3001<code>Xw<\/code>\uff08X\u5468\uff09\u3001<code>Xm<\/code>\uff08X\u6708\uff09<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u81ea\u5b9a\u4e49\u65e5\u671f\u683c\u5f0f<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>dateFormat YYYY-MM-DD\naxisFormat %m-%d   # X\u8f74\u663e\u793a\u683c\u5f0f<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5b9e\u6218\u793a\u4f8b\uff1a\u627e\u5de5\u4f5c\u590d\u4e60\u8ba1\u5212<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>gantt\n    title \u6c42\u804c\u51c6\u5907\u7518\u7279\u56fe\n    dateFormat YYYY-MM-DD\n    section \u7b97\u6cd5\n    \u5237LeetCode 100\u9898      :active, algo1, 2025-04-01, 15d\n    \u590d\u4e60\u52a8\u6001\u89c4\u5212\u4e13\u9898      :algo2, after algo1, 5d\n    section \u7cfb\u7edf\u8bbe\u8ba1\n    \u9605\u8bfbDDIA\u524d\u4e09\u7ae0        :sd1, 2025-04-01, 10d\n    \u753b5\u4e2a\u9ad8\u9891\u7cfb\u7edf\u8bbe\u8ba1\u56fe    :sd2, after sd1, 7d\n    section \u7b80\u5386\u4e0e\u6295\u9012\n    \u66f4\u65b0\u7b80\u5386             :crit, resume1, 2025-04-10, 2d\n    \u6d77\u6295                :resume2, after resume1, 10d<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u6211\u7684\u7528\u6cd5\uff1a\u6bcf\u4e2a\u6708\u521d\u753b\u4e00\u5f20\u7518\u7279\u56fe\uff0c\u8d34\u5728\u5f53\u6708\u7b14\u8bb0\u7684\u6700\u524d\u9762\uff0c\u6708\u5e95\u590d\u76d8\u5bf9\u7167\u8fdb\u5ea6\u3002\u7518\u7279\u56fe\u7684\u6587\u672c\u63cf\u8ff0\u6bd4 Excel \u8f7b\u91cf\u592a\u591a\u4e86\u3002<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\">4. \u7c7b\u56fe\uff08Class Diagram\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u9002\u5408\u753b\u9762\u5411\u5bf9\u8c61\u8bbe\u8ba1\u3001\u6570\u636e\u5e93\u5b9e\u4f53\u5173\u7cfb\u3001\u7cfb\u7edf\u6a21\u5757\u7ed3\u6784\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>classDiagram\n    class \u7528\u6237 {\n        +string \u7528\u6237\u540d\n        -string \u5bc6\u7801\n        +\u767b\u5f55()\n        -\u9a8c\u8bc1()\n    }\n    class \u8ba2\u5355 {\n        +int \u8ba2\u5355\u53f7\n        +\u65e5\u671f \u521b\u5efa\u65f6\u95f4\n        +\u521b\u5efa\u8ba2\u5355()\n    }\n    \u7528\u6237 \"1\" --&gt; \"0..*\" \u8ba2\u5355 : \u62e5\u6709<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u53ef\u89c1\u6027\u7b26\u53f7<\/strong>\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>+<\/code> public<\/li>\n\n\n\n<li><code>-<\/code> private<\/li>\n\n\n\n<li><code>#<\/code> protected<\/li>\n\n\n\n<li><code>~<\/code> package\/internal<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5173\u7cfb\u7c7b\u578b<\/strong>\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u7b26\u53f7<\/th><th>\u542b\u4e49<\/th><\/tr><\/thead><tbody><tr><td><code>&lt;|--<\/code><\/td><td>\u7ee7\u627f\uff08\u5b50\u7c7b\u6307\u5411\u7236\u7c7b\uff09<\/td><\/tr><tr><td><code>*--<\/code><\/td><td>\u7ec4\u5408\uff08\u5f3a\u805a\u5408\uff09<\/td><\/tr><tr><td><code>o--<\/code><\/td><td>\u805a\u5408\uff08\u5f31\u805a\u5408\uff09<\/td><\/tr><tr><td><code>--&gt;<\/code><\/td><td>\u5173\u8054<\/td><\/tr><tr><td><code>..&gt;<\/code><\/td><td>\u4f9d\u8d56<\/td><\/tr><tr><td><code>..|&gt;<\/code><\/td><td>\u5b9e\u73b0\u63a5\u53e3<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5b9e\u6218\u793a\u4f8b\uff1a\u535a\u5ba2\u7cfb\u7edf\u5b9e\u4f53\u5173\u7cfb<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>classDiagram\n    class \u6587\u7ae0 {\n        +int id\n        +string title\n        +string content\n        +datetime createTime\n        +\u53d1\u5e03()\n        +\u7f16\u8f91()\n    }\n    class \u7528\u6237 {\n        +int id\n        +string name\n        +string email\n        +\u5199\u6587\u7ae0()\n    }\n    class \u5206\u7c7b {\n        +int id\n        +string name\n    }\n    \u7528\u6237 \"1\" --&gt; \"0..*\" \u6587\u7ae0 : \u64b0\u5199\n    \u6587\u7ae0 \"*\" --&gt; \"1\" \u5206\u7c7b : \u5c5e\u4e8e<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u7c7b\u56fe\u6211\u4e0d\u5e38\u7528\uff0c\u4f46\u5728\u8bbe\u8ba1\u6570\u636e\u5e93\u8868\u7ed3\u6784\u6216\u8005\u7406\u89e3\u5f00\u6e90\u9879\u76ee\u65f6\u975e\u5e38\u6709\u7528\u3002\u6211\u4e00\u822c\u5148\u753b\u7c7b\u56fe\u518d\u5efa\u8868\uff0c\u80fd\u76f4\u89c2\u770b\u5230\u5b9e\u4f53\u95f4\u7684\u5173\u8054\u3002<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\">5. \u72b6\u6001\u56fe\uff08State Diagram\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u63cf\u8ff0\u4e00\u4e2a\u5bf9\u8c61\u5728\u5176\u751f\u547d\u5468\u671f\u4e2d\u7684\u72b6\u6001\u53d8\u5316\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>stateDiagram-v2\n    &#91;*] --&gt; \u5f85\u652f\u4ed8\n    \u5f85\u652f\u4ed8 --&gt; \u5df2\u652f\u4ed8 : \u652f\u4ed8\u6210\u529f\n    \u5f85\u652f\u4ed8 --&gt; \u5df2\u53d6\u6d88 : \u8d85\u65f6\/\u7528\u6237\u53d6\u6d88\n    \u5df2\u652f\u4ed8 --&gt; \u5df2\u53d1\u8d27 : \u5546\u5bb6\u53d1\u8d27\n    \u5df2\u53d1\u8d27 --&gt; \u5df2\u5b8c\u6210 : \u786e\u8ba4\u6536\u8d27\n    \u5df2\u53d1\u8d27 --&gt; \u9000\u6b3e\u4e2d : \u7533\u8bf7\u9000\u6b3e\n    \u9000\u6b3e\u4e2d --&gt; \u5df2\u9000\u6b3e\n    \u5df2\u5b8c\u6210 --&gt; &#91;*]\n    \u5df2\u53d6\u6d88 --&gt; &#91;*]\n    \u5df2\u9000\u6b3e --&gt; &#91;*]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u72b6\u6001\u56fe v2<\/strong> \u8bed\u6cd5\u66f4\u7b80\u6d01\uff0c\u63a8\u8350\u4f7f\u7528 <code>stateDiagram-v2<\/code>\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5e26\u6761\u4ef6\u7684\u72b6\u6001\u8f6c\u6362<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>stateDiagram-v2\n    &#91;*] --&gt; \u5ba1\u6838\n    \u5ba1\u6838 --&gt; \u901a\u8fc7 : \u6761\u4ef6\uff1a\u5206\u6570 &gt;= 60\n    \u5ba1\u6838 --&gt; \u4e0d\u901a\u8fc7 : \u6761\u4ef6\uff1a\u5206\u6570 &lt; 60<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">6. \u997c\u56fe\uff08Pie Chart\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u7b80\u5355\u76f4\u89c2\u7684\u6570\u636e\u6bd4\u4f8b\u5c55\u793a\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>pie title \u6bcf\u5929\u65f6\u95f4\u5206\u914d\n    \"\u7761\u7720\" : 8\n    \"\u5de5\u4f5c\" : 9\n    \"\u5b66\u4e60\" : 2\n    \"\u901a\u52e4\" : 1.5\n    \"\u5a31\u4e50\" : 3.5<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">7. \u7528\u6237\u65c5\u7a0b\u56fe\uff08User Journey\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u9002\u5408\u4ea7\u54c1\u8bbe\u8ba1\u3001\u7528\u6237\u4f53\u9a8c\u5206\u6790\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>journey\n    title \u7528\u6237\u8d2d\u4e70\u6d41\u7a0b\u4f53\u9a8c\n    section \u6d4f\u89c8\u5546\u54c1\n      \u641c\u7d22\u5546\u54c1: 5: \u7528\u6237\n      \u67e5\u770b\u8be6\u60c5: 4: \u7528\u6237\n      \u52a0\u5165\u8d2d\u7269\u8f66: 3: \u7528\u6237\n    section \u7ed3\u7b97\n      \u586b\u5199\u5730\u5740: 2: \u7528\u6237\n      \u9009\u62e9\u652f\u4ed8: 4: \u7528\u6237\n      \u5b8c\u6210\u652f\u4ed8: 5: \u7528\u6237<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">8. Git \u56fe\uff08Gitgraph\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u5c55\u793a Git \u5206\u652f\u548c\u63d0\u4ea4\u5386\u53f2\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>gitGraph\n    commit\n    branch feature\n    checkout feature\n    commit\n    commit\n    checkout main\n    merge feature<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u56db\u3001\u9ad8\u9636\u6280\u5de7\u4e0e\u8e29\u5751\u8bb0\u5f55<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">1. \u7279\u6b8a\u5b57\u7b26\u8f6c\u4e49<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u8282\u70b9\u6587\u672c\u4e2d\u7684 <code>()<\/code>\u3001<code>[]<\/code>\u3001<code>{}<\/code>\u3001<code>&lt;&gt;<\/code> \u7b49\u7279\u6b8a\u7b26\u53f7\u53ef\u80fd\u9700\u8981\u8f6c\u4e49\u6216\u7528\u5f15\u53f7\u5305\u88f9\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>graph TD\n    A&#91;\"\u8fd9\u662f\u4e00\u4e2a\u5305\u542b\u62ec\u53f7(\u7684\u6587\u672c\"]\n    B&#91;\"\u6587\u672c\u4e2d\u7684&lt;&gt;\u7b26\u53f7\"]<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">2. \u591a\u884c\u6587\u672c<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u7528 <code>&lt;br&gt;<\/code> \u6216\u53cc\u53cd\u659c\u6760 <code>\\\\<\/code> \u6362\u884c\uff08\u53d6\u51b3\u4e8e\u6e32\u67d3\u5668\uff09\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>graph TD\n    A&#91;\"\u7b2c\u4e00\u884c&lt;br&gt;\u7b2c\u4e8c\u884c&lt;br&gt;\u7b2c\u4e09\u884c\"]<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">3. \u81ea\u5b9a\u4e49\u6837\u5f0f<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u53ef\u4ee5\u7528 <code>style<\/code> \u8bed\u53e5\u4fee\u6539\u8282\u70b9\u6837\u5f0f\uff08\u90e8\u5206\u6e32\u67d3\u5668\u652f\u6301\u6709\u9650\uff09\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>graph TD\n    A&#91;\u5f00\u59cb]\n    style A fill:#f9f,stroke:#333,stroke-width:2px<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">4. \u6ce8\u91ca<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Mermaid \u6ca1\u6709\u5b98\u65b9\u6ce8\u91ca\u8bed\u6cd5\uff0c\u4f46\u53ef\u4ee5\u7528 HTML \u6ce8\u91ca <code>&lt;!-- --&gt;<\/code> \u5305\u88f9\u6574\u884c\uff08\u5728\u4ee3\u7801\u5757\u4e2d\u53ef\u80fd\u4e0d\u751f\u6548\uff09\uff0c\u6216\u8005\u7528 <code>%%<\/code>\uff08\u90e8\u5206\u7248\u672c\u652f\u6301\uff09\u3002\u6211\u4e00\u822c\u4e0d\u52a0\u6ce8\u91ca\uff0c\u4fdd\u6301\u7b80\u6d01\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">5. \u8de8\u5e73\u53f0\u6e32\u67d3\u5dee\u5f02<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>GitHub\uff1a\u652f\u6301\u5927\u90e8\u5206\u56fe\u8868\uff0c\u4f46 <code>stateDiagram-v2<\/code> \u548c <code>journey<\/code> \u652f\u6301\u4e0d\u7a33\u5b9a\uff0c\u5efa\u8bae\u7528 <code>stateDiagram<\/code>\u3002<\/li>\n\n\n\n<li>GitLab\uff1a\u652f\u6301\u8f83\u597d\u3002<\/li>\n\n\n\n<li>Obsidian\uff1a\u9700\u8981\u5b89\u88c5 Mermaid \u63d2\u4ef6\uff0c\u652f\u6301\u5ea6\u5f88\u597d\u3002<\/li>\n\n\n\n<li>VS Code \u9884\u89c8\uff1a\u63a8\u8350\u7528 <code>Markdown Preview Mermaid Support<\/code> \u63d2\u4ef6\u3002<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u8e29\u5751\uff1a\u5728 GitHub \u4e0a\u7528 <code>sequenceDiagram<\/code> \u65f6\uff0c<code>activate<\/code> \u548c <code>deactivate<\/code> \u6709\u65f6\u5019\u6e32\u67d3\u9519\u4f4d\uff0c\u53ef\u4ee5\u7528 <code>+\/-<\/code> \u7b80\u5199\u4ee3\u66ff\u3002\u53e6\u5916\uff0c<code>alt<\/code> \u5757\u91cc\u7684\u7f29\u8fdb\u5fc5\u987b\u4e25\u683c\u4e00\u81f4\uff0c\u5426\u5219\u89e3\u6790\u5931\u8d25\u3002<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e94\u3001\u9ad8\u9891\u4f7f\u7528\u573a\u666f<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">\u573a\u666f 1\uff1a\u6280\u672f\u65b9\u6848\u8bbe\u8ba1<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u6d41\u7a0b\u56fe\u63cf\u8ff0\u6838\u5fc3\u903b\u8f91\uff0c\u7528\u65f6\u5e8f\u56fe\u753b\u63a5\u53e3\u8c03\u7528\u987a\u5e8f\uff0c\u6700\u540e\u7528\u7c7b\u56fe\u753b\u6a21\u5757\u5173\u7cfb\u3002\u4e09\u4e2a\u56fe\u653e\u5728\u540c\u4e00\u4e2a\u7b14\u8bb0\u91cc\uff0c\u65b9\u6848\u5c31\u975e\u5e38\u6e05\u6670\u4e86\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u573a\u666f 2\uff1a\u7b97\u6cd5\u5b66\u4e60\u7b14\u8bb0<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>graph LR\n    A&#91;\u6392\u5e8f\u7b97\u6cd5] --&gt; B&#91;\u6bd4\u8f83\u6392\u5e8f]\n    A --&gt; C&#91;\u975e\u6bd4\u8f83\u6392\u5e8f]\n    B --&gt; D&#91;\u5feb\u901f\u6392\u5e8f]\n    B --&gt; E&#91;\u5f52\u5e76\u6392\u5e8f]\n    B --&gt; F&#91;\u5806\u6392\u5e8f]\n    C --&gt; G&#91;\u8ba1\u6570\u6392\u5e8f]\n    C --&gt; H&#91;\u57fa\u6570\u6392\u5e8f]<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">\u573a\u666f 3\uff1a\u6545\u969c\u590d\u76d8<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u7528\u65f6\u5e8f\u56fe\u753b\u51fa\u73b0\u95ee\u9898\u7684\u8bf7\u6c42\u94fe\u8def\uff0c\u6807\u6ce8\u51fa\u5931\u8d25\u7684\u70b9\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u573a\u666f 4\uff1a\u5b66\u4e60\u8ba1\u5212\u7ba1\u7406<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u6bcf\u6708\u4e00\u5f20\u7518\u7279\u56fe\uff0c\u8d34\u5728\u6708\u8ba1\u5212\u7b14\u8bb0\u7684\u5f00\u5934\u3002\u6bcf\u5468\u56de\u987e\u65f6\u66f4\u65b0\u8fdb\u5ea6\uff08\u628a <code>done<\/code> \u72b6\u6001\u6807\u4e0a\uff09\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u516d\u3001\u901f\u67e5\u8868<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u56fe\u8868\u7c7b\u578b<\/th><th>\u4ee3\u7801\u5757\u6807\u8bc6<\/th><th>\u5e38\u7528\u573a\u666f<\/th><\/tr><\/thead><tbody><tr><td>\u6d41\u7a0b\u56fe<\/td><td><code>graph TD\/LR<\/code><\/td><td>\u6d41\u7a0b\u3001\u903b\u8f91\u3001\u67b6\u6784<\/td><\/tr><tr><td>\u65f6\u5e8f\u56fe<\/td><td><code>sequenceDiagram<\/code><\/td><td>\u4ea4\u4e92\u3001API\u3001\u6d88\u606f<\/td><\/tr><tr><td>\u7518\u7279\u56fe<\/td><td><code>gantt<\/code><\/td><td>\u9879\u76ee\u6392\u671f\u3001\u5b66\u4e60\u8ba1\u5212<\/td><\/tr><tr><td>\u7c7b\u56fe<\/td><td><code>classDiagram<\/code><\/td><td>\u9762\u5411\u5bf9\u8c61\u8bbe\u8ba1\u3001\u6570\u636e\u5e93ER<\/td><\/tr><tr><td>\u72b6\u6001\u56fe<\/td><td><code>stateDiagram-v2<\/code><\/td><td>\u72b6\u6001\u673a\u3001\u751f\u547d\u5468\u671f<\/td><\/tr><tr><td>\u997c\u56fe<\/td><td><code>pie<\/code><\/td><td>\u6570\u636e\u5360\u6bd4<\/td><\/tr><tr><td>\u7528\u6237\u65c5\u7a0b\u56fe<\/td><td><code>journey<\/code><\/td><td>\u4ea7\u54c1\u4f53\u9a8c<\/td><\/tr><tr><td>Git\u56fe<\/td><td><code>gitGraph<\/code><\/td><td>\u7248\u672c\u5206\u652f\u53ef\u89c6\u5316<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u6d41\u7a0b\u56fe\u8282\u70b9\u5f62\u72b6\u901f\u8bb0<\/strong>\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>[\u77e9\u5f62]<\/code> \u666e\u901a\u6b65\u9aa4<\/li>\n\n\n\n<li><code>(\u5706\u89d2)<\/code> \u901a\u5e38\u8868\u793a\u5f00\u59cb\/\u7ed3\u675f\u7684\u66ff\u4ee3<\/li>\n\n\n\n<li><code>{\u83f1\u5f62}<\/code> \u5224\u65ad\u5206\u652f<\/li>\n\n\n\n<li><code>((\u5706\u5f62))<\/code> \u8d77\u70b9\/\u7ec8\u70b9<\/li>\n\n\n\n<li><code>[(\u5706\u67f1)]<\/code> \u6570\u636e\u5e93<\/li>\n\n\n\n<li><code>{{\u516d\u8fb9\u5f62}}<\/code> \u51c6\u5907\/\u9884\u5904\u7406<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u65f6\u5e8f\u56fe\u6d88\u606f\u7b26\u53f7\u901f\u8bb0<\/strong>\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>->><\/code> \u5b9e\u7ebf\u7bad\u5934<\/li>\n\n\n\n<li><code>-->><\/code> \u865a\u7ebf\u7bad\u5934<\/li>\n\n\n\n<li><code>+)<\/code> \u6fc0\u6d3b\u751f\u547d\u7ebf<\/li>\n\n\n\n<li><code>-)<\/code> \u7ed3\u675f\u751f\u547d\u7ebf<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u4e00\u3001Mermaid \u662f\u4ec0\u4e48\uff1f Mermaid \u662f\u4e00\u4e2a\u57fa\u4e8e JavaScript \u7684\u56fe\u8868\u7ed8\u5236\u5de5\u5177\uff0c\u6838\u5fc3\u7279\u70b9\u662f \u7528 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":74,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[25,24],"class_list":["post-73","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mtsb","tag-mermaid","tag-24"],"_links":{"self":[{"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/posts\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":1,"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/posts\/73\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/posts\/73\/revisions\/75"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/media\/74"}],"wp:attachment":[{"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/categories?post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bojinhu.xyz\/index.php\/wp-json\/wp\/v2\/tags?post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}