{"id":1111,"date":"2023-09-11T20:01:56","date_gmt":"2023-09-11T12:01:56","guid":{"rendered":"https:\/\/xujiwei.com\/blog\/?p=1111"},"modified":"2023-09-11T20:01:56","modified_gmt":"2023-09-11T12:01:56","slug":"monaco-editor-in-action-add-code-folding","status":"publish","type":"post","link":"https:\/\/xujiwei.com\/blog\/2023\/09\/monaco-editor-in-action-add-code-folding\/","title":{"rendered":"Monaco Editor \u5b9e\u6218\uff1a\u6dfb\u52a0\u4ee3\u7801\u6298\u53e0\u529f\u80fd"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 ez-toc-wrap-right counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\">\u6587\u7ae0\u76ee\u5f55<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e35f4aba79c\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e35f4aba79c\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/xujiwei.com\/blog\/2023\/09\/monaco-editor-in-action-add-code-folding\/#%E5%AE%98%E6%96%B9%E7%A4%BA%E4%BE%8B\" title=\"\u5b98\u65b9\u793a\u4f8b\">\u5b98\u65b9\u793a\u4f8b<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/xujiwei.com\/blog\/2023\/09\/monaco-editor-in-action-add-code-folding\/#%E9%9C%80%E6%B1%82%E5%AE%9A%E4%B9%89\" title=\"\u9700\u6c42\u5b9a\u4e49\">\u9700\u6c42\u5b9a\u4e49<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/xujiwei.com\/blog\/2023\/09\/monaco-editor-in-action-add-code-folding\/#%E4%BB%A3%E7%A0%81%E5%AE%9E%E7%8E%B0\" title=\"\u4ee3\u7801\u5b9e\u73b0\">\u4ee3\u7801\u5b9e\u73b0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/xujiwei.com\/blog\/2023\/09\/monaco-editor-in-action-add-code-folding\/#%E5%AE%8C%E6%95%B4%E4%BB%A3%E7%A0%81\" title=\"\u5b8c\u6574\u4ee3\u7801\">\u5b8c\u6574\u4ee3\u7801<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/xujiwei.com\/blog\/2023\/09\/monaco-editor-in-action-add-code-folding\/#%E6%9C%80%E7%BB%88%E6%95%88%E6%9E%9C\" title=\"\u6700\u7ec8\u6548\u679c\">\u6700\u7ec8\u6548\u679c<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/xujiwei.com\/blog\/2023\/09\/monaco-editor-in-action-add-code-folding\/#%E5%8F%82%E8%80%83%E8%B5%84%E6%96%99\" title=\"\u53c2\u8003\u8d44\u6599\">\u53c2\u8003\u8d44\u6599<\/a><\/li><\/ul><\/nav><\/div>\n<p>\u5728\u4e4b\u524d\u7684\u6587\u7ae0<a href=\"https:\/\/xujiwei.com\/blog\/2022\/04\/4-steps-add-custom-language-in-moanco\/\">\u300a4 \u6b65\u4e3a Monaco Editor \u6dfb\u52a0\u81ea\u5b9a\u4e49\u8bed\u8a00\u652f\u6301\u300b<\/a>\u4e2d\uff0c\u6211\u4eec\u5df2\u7ecf\u5b66\u4f1a\u4e86\u5982\u4f55\u4f7f\u7528 <a href=\"https:\/\/github.com\/microsoft\/monaco-editor\">monaco-editor<\/a> \u6765\u5b9e\u73b0\u4e00\u4e2a\u652f\u6301\u81ea\u5b9a\u4e49\u7f16\u7a0b\u8bed\u8a00\u7684\u7f16\u8f91\u5668\uff0c\u4f46\u662f\u4f5c\u4e3a\u4e00\u4e2a\u6807\u51c6\u7684\u4ee3\u7801\u7f16\u8f91\u5668\uff0c\u6211\u4eec\u8fd8\u9700\u8981\u5b83\u652f\u6301\u4ee3\u7801\u5757\u6298\u53e0\u529f\u80fd\uff0c\u8fd9\u6837\u5728\u7f16\u8f91\u5185\u5bb9\u6bd4\u8f83\u591a\u7684\u4ee3\u7801\u6587\u4ef6\u65f6\uff0c\u53ef\u4ee5\u65b9\u4fbf\u7684\u5c06\u5176\u4e2d\u4e00\u4e9b\u4ee3\u7801\u5757\u6298\u53e0\u8d77\u6765\uff0c\u4f7f\u5f97\u5728\u9605\u8bfb\u4ee3\u7801\u65f6\u66f4\u5bb9\u6613\u7406\u89e3\u6574\u4f53\u4ee3\u7801\u7ed3\u6784\u3002<\/p>\n<p>\u8fd9\u4e00\u6b21\u6211\u4eec\u5c31\u6765\u770b\u770b\u5982\u4f55\u7ed9 Monaco Editor \u589e\u52a0\u4ee3\u7801\u5757\u6298\u53e0\u529f\u80fd\u3002<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%E5%AE%98%E6%96%B9%E7%A4%BA%E4%BE%8B\"><\/span>\u5b98\u65b9\u793a\u4f8b<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u5728 Monaco Editor Playground \u7684 <a href=\"https:\/\/microsoft.github.io\/monaco-editor\/playground.html?source=v0.41.0#example-extending-language-services-folding-provider-example\">Folding Provider Example<\/a> \u793a\u4f8b\u4e2d\uff0c\u53ef\u4ee5\u770b\u5230\u5982\u4f55\u7ed9\u4e00\u4e2a\u81ea\u5b9a\u4e49\u8bed\u8a00\u6dfb\u52a0\u4ee3\u7801\u6298\u53e0\u652f\u6301\uff1a<\/p>\n<pre><code class=\"language-javascript\">monaco.languages.registerFoldingRangeProvider(&quot;foldLanguage&quot;, {\n    provideFoldingRanges: function (model, context, token) {\n        return [\n            \/\/ comment1\n            {\n                start: 5,\n                end: 7,\n                kind: monaco.languages.FoldingRangeKind.Comment,\n            },\n      \/\/ ...\n    ]\n  }\n});<\/code><\/pre>\n<p>\u53ef\u4ee5\u770b\u5230\uff0c\u53ea\u9700\u8981\u5728\u6ce8\u518c\u81ea\u5b9a\u4e49\u8bed\u8a00\u540e\uff0c\u518d\u6ce8\u518c\u4e00\u4e2a foldingRangeProvider \u5373\u53ef\uff0c\u5728 provicdeFoldingRanges callback \u4e2d\uff0c\u5c06\u53ef\u4ee5\u6298\u53e0\u7684\u4ee3\u7801\u533a\u5757\uff0c\u4ee5 start \u548c end \u884c\u53f7\u5708\u5b9a\u8303\u56f4\uff0c\u8fd4\u56de\u7ed9\u5230 Monaco Editor \u5373\u53ef\u3002<\/p>\n<p>\u5728\u793a\u4f8b\u4e2d\uff0c\u5b83\u662f\u901a\u8fc7\u786c\u7f16\u7801\u8d77\u59cb\u548c\u7ed3\u675f\u884c\u53f7\u7684\u65b9\u5f0f\u6765\u63d0\u4f9b\u53ef\u6298\u53e0\u8303\u56f4\u7684\uff0c\u4f46\u662f\u5728\u5b9e\u9645\u4f7f\u7528\u8fc7\u7a0b\u4e2d\uff0c\u6211\u4eec\u4e0d\u53ef\u80fd\u9884\u89c1\u53ef\u4ee5\u652f\u6301\u4ee3\u7801\u6298\u53e0\u7684\u8303\u56f4\uff0c\u8fd9\u91cc\u9700\u8981\u4f7f\u7528\u7f16\u7801\u7684\u65b9\u5f0f\u6765\u52a8\u6001\u751f\u6210\u53ef\u6298\u53e0\u8303\u56f4\u3002<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%E9%9C%80%E6%B1%82%E5%AE%9A%E4%B9%89\"><\/span>\u9700\u6c42\u5b9a\u4e49<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u5728\u5f00\u53d1 <a href=\"https:\/\/apps.apple.com\/app\/apple-store\/id1581312955?pt=433526&amp;ct=Blog&amp;mt=8\">MermaidEditor<\/a> \u7684\u4ee3\u7801\u7f16\u8f91\u5668\u65f6\uff0c\u5728\u90e8\u5206\u56fe\u8868\u4e2d\uff0c\u4ee3\u7801\u5757\u4f1a\u6709\u4e00\u4e9b\u5c42\u7ea7\u5173\u7cfb\uff0c\u4e3a\u4e86\u6709\u66f4\u597d\u7684\u7f16\u8f91\u4f53\u9a8c\uff0c\u6211\u4eec\u5c31\u9700\u8981\u7ed9\u4ee3\u7801\u7f16\u8f91\u5668\u52a0\u4e0a\u4ee3\u7801\u5757\u6298\u53e0\u529f\u80fd\u3002<\/p>\n<p>\u76ee\u524d Monaco Editor \u5e76\u6ca1\u6709\u63d0\u4f9b\u5b98\u65b9\u7684 LSP\uff08Language Server Protocol\uff09 \u652f\u6301\uff0c\u6211\u4eec\u9700\u8981\u4f7f\u7528\u5176\u4ed6\u65b9\u5f0f\u6765\u5b9e\u73b0\u4ee3\u7801\u6298\u53e0\u7684\u903b\u8f91\u3002<\/p>\n<p><img src=\"https:\/\/xujiwei.com\/blog\/wp-content\/uploads\/2023\/09\/monaco-editor-add-code-folding-1.png\" alt=\"monaco-editor-add-code-folding-1\" style=\"zoom:50%;\" \/><\/p>\n<p>\u901a\u8fc7\u89c2\u5bdf\uff0c\u6211\u4eec\u53ef\u4ee5\u53d1\u73b0\uff0c\u5bf9\u4e8e\u4e0d\u540c\u5c42\u7ea7\u7684\u4ee3\u7801\u5757\u6765\u8bf4\uff0c\u5b83\u4eec\u901a\u5e38\u62e5\u6709\u4e0d\u540c\u6570\u91cf\u7684\u7f29\u8fdb\uff0c\u56e0\u6b64\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u7f29\u8fdb\u6765\u5224\u65ad\u4ee3\u7801\u884c\u662f\u5426\u5c5e\u4e8e\u540c\u4e00\u4e2a\u4ee3\u7801\u5757\u3002<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%E4%BB%A3%E7%A0%81%E5%AE%9E%E7%8E%B0\"><\/span>\u4ee3\u7801\u5b9e\u73b0<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\u83b7\u53d6\u7f16\u8f91\u533a\u5185\u5bb9<\/strong><\/p>\n<p>\u5728 provideFoldingRanges \u51fd\u6570\u4e2d\u6709\u4e00\u4e2a\u53c2\u6570 model\uff0c\u901a\u8fc7\u8fd9\u4e2a\u53d8\u91cf\u6211\u4eec\u53ef\u4ee5\u83b7\u5f97\u5f53\u524d\u7f16\u8f91\u533a\u4e2d\u7684\u6240\u6709\u6587\u672c\u5185\u5bb9\uff0c\u901a\u8fc7\u904d\u5386\u6bcf\u4e00\u884c\u7684\u5185\u5bb9\uff0c\u53ef\u4ee5\u83b7\u53d6\u5230\u6bcf\u4e00\u884c\u7684\u524d\u7f6e\u7a7a\u767d\u5b57\u7b26\u6570\u91cf\uff0c\u4ece\u800c\u6839\u636e\u7a7a\u767d\u5b57\u7b26\u6570\u91cf\u6765\u5224\u5b9a\u4ee3\u7801\u5757\u6298\u53e0\u8303\u56f4\u3002<\/p>\n<pre><code class=\"language-javascript\">\/\/ \u7528\u4e8e\u5339\u914d\u6bcf\u4e00\u884c\u7a7a\u767d\u5b57\u7b26\u7684\u6b63\u5219\u8868\u8fbe\u5f0f\nconst pattern = \/^(\\s*)(.+)\/;\n\/\/ \u904d\u5386\u7f16\u8f91\u533a\u5185\u5bb9\u4e2d\u7684\u6bcf\u4e00\u884c\u4ee3\u7801\nfor (var i = 1, count = model.getLineCount(); i &lt;= count; i++) {\n  const line = model.getLineContent(i);\n\n  \/\/ \u83b7\u53d6\u6bcf\u4e00\u884c\u4ee3\u7801\u4e2d\u7684\u524d\u7f6e\u7a7a\u767d\u5b57\u7b26\n  const matches = pattern.exec(line);\n  if (matches) {\n    \/\/ \u83b7\u53d6\u5f53\u524d\u884c\u7684\u7a7a\u767d\u957f\u5ea6\uff0c\u7528\u4e8e\u5339\u914d\u540e\u7eed\u4ee3\u7801\u884c\u662f\u5426\u5c5e\u4e8e\u8fd9\u4e00\u533a\u5757\n    const indentLen = matches[1].length;\n  }\n}<\/code><\/pre>\n<p><strong>\u5339\u914d\u4ee3\u7801\u6298\u53e0\u533a\u57df<\/strong><\/p>\n<p>\u5728\u904d\u5386\u6bcf\u4e00\u884c\u4ee3\u7801\u540e\uff0c\u6211\u4eec\u9700\u8981\u5224\u65ad\u5b83\u540e\u7eed\u7684\u4ee3\u7801\u884c\uff0c\u662f\u5426\u5c5e\u4e8e\u53ef\u6298\u53e0\u4ee3\u7801\u533a\u5757\uff0c\u8fd9\u91cc\u5224\u65ad\u7684\u6807\u51c6\u662f\uff0c\u540e\u7eed\u4ee3\u7801\u884c\u7684\u524d\u7f6e\u7a7a\u767d\u5b57\u7b26\u957f\u5ea6\u5927\u4e8e\u5f53\u524d\u884c\u7684\u524d\u7f6e\u7a7a\u767d\u5b57\u7b26\u6570\u91cf\uff0c\u56e0\u6b64\u6240\u6709\u7f29\u8fdb\u957f\u5ea6\u5927\u4e8e\u5f53\u524d\u884c\u7684\u4ee3\u7801\u533a\u57df\uff0c\u90fd\u53ef\u4ee5\u88ab\u5305\u542b\u8fdb\u6765 \u3002<\/p>\n<pre><code class=\"language-javascript\">\/\/ \u4ece\u4e0b\u4e00\u884c\u5f00\u59cb\u641c\u7d22\nlet endLine = i + 1;\nlet lastNotEmptyLine = i;\n\/\/ \u904d\u5386\u5230\u7f16\u8f91\u533a\u5185\u5bb9\u672b\u5c3e\nwhile (endLine &lt;= count) {\n  const lineContent = model.getLineContent(endLine);\n  \/\/ \u83b7\u53d6\u540e\u7eed\u884c\u7684\u524d\u7f6e\u7a7a\u767d\u5b57\u7b26\u957f\u5ea6\n  const subMatches = pattern.exec(lineContent);\n  if (subMatches != null) {\n    \/\/ \u5982\u679c\u524d\u7f6e\u7a7a\u767d\u5b57\u7b26\u957f\u5ea6\u5927\u4e8e\u8d77\u59cb\u884c\uff0c\u5c31\u5c06\u5b83\u5305\u542b\u8fdb\u6298\u53e0\u533a\u57df\n    if (subMatches[1].length &gt; indentLen) {\n      lastNotEmptyLine = endLine;\n    } else {\n      break;\n    }\n  }\n  endLine++;\n}<\/code><\/pre>\n<p>\u8bf7\u6ce8\u610f\uff0c\u8fd9\u91cc\u989d\u5916\u5ffd\u7565\u4e86\u7a7a\u767d\u884c\uff0c\u662f\u4e3a\u4e86\u9632\u6b62\u7a7a\u767d\u884c\u4f1a\u4e2d\u65ad\u6298\u53e0\u533a\u57df\u7684\u5224\u65ad\uff0c\u8fd9\u6837\u5728\u5904\u7406\u540c\u7b49\u7f29\u8fdb\u7684\u4ee3\u7801\u5757\u4e2d\uff0c\u5982\u679c\u51fa\u4e8e\u4ee3\u7801\u683c\u5f0f\u8003\u8651\u6dfb\u52a0\u7684\u7a7a\u767d\u4e5f\u4e0d\u4f1a\u5bfc\u81f4\u6298\u53e0\u533a\u57df\u5224\u65ad\u9519\u8bef\uff0c\u63d0\u524d\u7ed3\u675f\u6298\u53e0\u533a\u57df\u7684\u5224\u5b9a\u3002<\/p>\n<p><strong>\u8fd4\u56de\u4ee3\u7801\u5757\u6298\u53e0\u533a\u57df<\/strong><\/p>\n<pre><code class=\"language-javascript\">if (lastNotEmptyLine &gt; i) {\n  ranges.push({\n    start: i,\n    end: lastNotEmptyLine,\n    kind: monaco.languages.FoldingRangeKind.Region,\n  });\n}<\/code><\/pre>\n<p>\u8fd9\u91cc\u8fd4\u56de Monaco Editor \u53ef\u4ee5\u4f7f\u7528\u7684\u4ee3\u7801\u5757\u6298\u53e0\u533a\u57df\u6570\u636e\u7ed3\u6784\u3002<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%E5%AE%8C%E6%95%B4%E4%BB%A3%E7%A0%81\"><\/span>\u5b8c\u6574\u4ee3\u7801<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<pre><code class=\"language-javascript\">monacoEditor.languages.registerFoldingRangeProvider(&quot;foldLanguage&quot;, {\n  provideFoldingRanges: function (model, context, token) {\n    const ranges = [];\n    const pattern = \/^(\\s*)(.+)\/;\n    for (var i = 1, count = model.getLineCount(); i &lt;= count; i++) {\n      const line = model.getLineContent(i);\n\n      const matches = pattern.exec(line);\n      if (matches) {\n        const indentLen = matches[1].length;\n\n        let endLine = i + 1;\n        let lastNotEmptyLine = i;\n        while (endLine &lt;= count) {\n          const lineContent = model.getLineContent(endLine);\n          const subMatches = pattern.exec(lineContent);\n          if (subMatches != null) {\n            if (subMatches[1].length &gt; indentLen) {\n              lastNotEmptyLine = endLine;\n            } else {\n              break;\n            }\n          }\n          endLine++;\n        }\n\n        if (lastNotEmptyLine &gt; i) {\n          ranges.push({\n            start: i,\n            end: lastNotEmptyLine,\n            kind: monaco.languages.FoldingRangeKind.Region,\n          });\n        }\n      }\n    }\n    return ranges;\n  },\n});<\/code><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"%E6%9C%80%E7%BB%88%E6%95%88%E6%9E%9C\"><\/span>\u6700\u7ec8\u6548\u679c<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img src=\"https:\/\/xujiwei.com\/blog\/wp-content\/uploads\/2023\/09\/monaco-editor-add-code-folding-2.png\" alt=\"monaco-editor-add-code-folding-2\" style=\"zoom:50%;\" \/><\/p>\n<p>\u53ef\u4ee5\u770b\u5230\uff0c\u6700\u7ec8 Monaco Editor \u6b63\u786e\u663e\u793a\u4e86\u4ee3\u7801\u5757\u6298\u53e0\u6807\u8bb0\uff0c\u5e76\u4e14\u6709\u5d4c\u5957\u7684\u6298\u53e0\uff0c\u4e5f\u80fd\u6b63\u786e\u8bc6\u522b\u3002<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%E5%8F%82%E8%80%83%E8%B5%84%E6%96%99\"><\/span>\u53c2\u8003\u8d44\u6599<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/ohdarling88.medium.com\/4-steps-to-add-custom-language-support-to-monaco-editor-5075eafa156d\">4 Steps to Add Custom Language Support to Monaco Editor<\/a><\/li>\n<li><a href=\"https:\/\/microsoft.github.io\/monaco-editor\/playground.html?source=v0.41.0#example-extending-language-services-folding-provider-example\">Folding Provider Example<\/a><\/li>\n<li><a href=\"https:\/\/apps.apple.com\/app\/apple-store\/id1581312955?pt=433526&amp;ct=Blog&amp;mt=8\">MermaidEditor for macOS &amp; iOS<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u4e4b\u524d\u7684\u6587\u7ae0\u300a4 \u6b65\u4e3a Monaco Editor \u6dfb\u52a0\u81ea\u5b9a\u4e49\u8bed\u8a00\u652f\u6301\u300b\u4e2d\uff0c\u6211\u4eec &hellip;<\/p>\n<p class=\"read-more\"><a href=\"https:\/\/xujiwei.com\/blog\/2023\/09\/monaco-editor-in-action-add-code-folding\/\">\u7ee7\u7eed\u9605\u8bfb &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":1110,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[351,49,28,352,350],"_links":{"self":[{"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/posts\/1111"}],"collection":[{"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/comments?post=1111"}],"version-history":[{"count":0,"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/posts\/1111\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/media\/1110"}],"wp:attachment":[{"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/media?parent=1111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/categories?post=1111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xujiwei.com\/blog\/wp-json\/wp\/v2\/tags?post=1111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}