{"id":27164,"date":"2023-02-06T18:33:48","date_gmt":"2023-11-02T10:39:08","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/"},"modified":"2025-08-12T01:08:29","modified_gmt":"2025-08-11T17:08:29","slug":"%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/","title":{"rendered":"\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0"},"content":{"rendered":"<h2>\u9996\u5148WordPress 5.0 \u4ee5\u540e\uff0c\u91c7\u7528\u4e86\u540d\u4e3a Gutenberg \u7684\u533a\u5757\u7f16\u8f91\u5668\u4f5c\u4e3a\u9ed8\u8ba4\u7f16\u8f91\u5668\u3002\u56e0\u6b64\uff0c\u9884\u8ba1\u672a\u6765\u5c06\u4f1a\u6709\u66f4\u591a\u7684\u5f00\u53d1\u57fa\u4e8e\u8fd9\u4e2a\u533a\u5757\u7f16\u8f91\u5668\u8fdb\u884c\u3002<\/p>\n<p>\u5728\u6211\u4e2a\u4eba\u770b\u6765\uff0c\u6211\u5e76\u6ca1\u6709\u5bf9\u4ee5\u5f80\u7684\u6240\u89c1\u5373\u6240\u5f97\u7f16\u8f91\u5668\u611f\u5230\u4e0d\u6ee1\u610f\uff0c\u4f46\u968f\u7740\u51fa\u73b0\u4e86\u5757\u7f16\u8f91\u5668\u8fd9\u4e2a\u9009\u62e9\uff0c\u6211\u89c9\u5f97\u6211\u4eec\u80fd\u591f\u505a\u7684\u4e8b\u60c5\u53d8\u5f97\u66f4\u591a\u4e86\u3002<br \/>\n\u5728\u672c\u6587\u4e2d\uff0c\u6211\u5c06\u4ecb\u7ecd\u5982\u4f55\u521b\u5efa\u8fd9\u4e2a\u5757\u7f16\u8f91\u5668\u7684\u65b0\u5757\uff08\u4ee5\u4e0b\u79f0\u4e3a\u81ea\u5b9a\u4e49\u5757\uff09\u3002<\/p>\n<h2>\u4ec0\u4e48\u662f\u533a\u5757\u7f16\u8f91\u5668\uff1f\u5757\u7f16\u8f91\u5668\u662f\u4e00\u4e2a\u6839\u636e\u5176\u540d\u79f0\u800c\u547d\u540d\u7684\u7f16\u8f91\u5668\uff0c\u5b83\u5c06HTML\u5806\u53e0\u8d77\u6765\u4ee5\u521b\u5efaHTML\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657cf52437434c4406bab1e0\/5-0.gif\" alt=\"undefined\" \/>\u8bf7\u53c2\u8003\u4ee5\u4e0b\u5185\u5bb9\u4ee5\u83b7\u53d6\u66f4\u8be6\u7ec6\u7684\u4fe1\u606f\u3002<\/p>\n<p>\u4f5c\u4e3a\u533a\u5757\u7f16\u8f91\u5668\u7684\u4e00\u4e2a\u7279\u70b9\uff0c\u4e0a\u8ff0\u94fe\u63a5\u9875\u9762\u4e2d\u4e5f\u63d0\u5230\u4e86\uff0c\u5373\u7f16\u8f91\u5668\u5c06\u4ee5\u5b9e\u9645\u7f51\u7ad9\u7684\u5f62\u5f0f\u663e\u793a\u3002 \u63a5\u4e0b\u6765\u6240\u63cf\u8ff0\u7684\u81ea\u5b9a\u4e49\u533a\u5757\u4e5f\u5c06\u4ee5\u5b9e\u9645\u7f51\u7ad9\u7684\u5f62\u5f0f\u521b\u5efa\u5e76\u663e\u793a\u3002<\/p>\n<p>\u6b64\u5916\uff0cWordPress\u7684\u533a\u5757\u7f16\u8f91\u5668\u53ef\u4ee5\u521b\u5efa\u4e24\u79cd\u4e0d\u540c\u7c7b\u578b\u7684\u81ea\u5b9a\u4e49\u533a\u5757\u3002<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u52d5\u7684\u30d6\u30ed\u30c3\u30af \u30fb\u30fb\u30fb \u6700\u65b0\u306e\u6295\u7a3f\u3092\u8868\u793a\u3059\u308b\u30d6\u30ed\u30c3\u30af\u7b49\u306e\u52d5\u7684\u306b\u30d6\u30ed\u30c3\u30af\u306e\u5185\u5bb9\u304c\u5909\u5316\u3059\u308b\u30d6\u30ed\u30c3\u30af<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\u9759\u7684\u30d6\u30ed\u30c3\u30af \u30fb\u30fb\u30fb \u52d5\u7684\u3068\u306f\u53cd\u5bfe\u3067\u3001\u753b\u50cf\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3084\u30c6\u30ad\u30b9\u30c8\u30d5\u30a3\u30fc\u30eb\u30c9\u7b49\u306e\u30d6\u30ed\u30c3\u30af\u306e\u5185\u5bb9\u304c\u5909\u5316\u3057\u306a\u3044\u30d6\u30ed\u30c3\u30af<\/ul>\n<p>\u73b0\u5728\u5f00\u59cb\u521b\u5efa\u81ea\u5b9a\u4e49\u9759\u6001\u5757\u3002\uff08\u52a8\u6001\u5757\u5c06\u5728\u5176\u4ed6\u90e8\u5206\u63cf\u8ff0\uff09<\/p>\n<h2>\u5236\u4f5c\u81ea\u5b9a\u4e49\u7684\u4ee3\u7801\u5757\u521b\u5efa\u4e00\u4e2a\u53ef\u4ee5\u4ece\u4fa7\u8fb9\u5bfc\u822a\u4e2d\u9009\u62e9\u80cc\u666f\u8272\u7684\u81ea\u5b9a\u4e49\u5757\uff0c\u4ee5\u7f16\u5199\u4ee5\u4e0b\u7c7b\u4f3c\u7684\u6587\u672c\u3002\u6211\u4eec\u5c06\u521b\u5efa\u4e24\u79cd\u6837\u672c\u5757\uff0c\u4e00\u79cd\u662f\u5728\u7f16\u8f91\u5668\u548c\u5c4f\u5e55\u663e\u793a\uff08\u4ee5\u4e0b\u79f0\u4e3a\u524d\u7aef\uff09\u5e94\u7528CSS\u7684\u5757\uff0c\u53e6\u4e00\u79cd\u662f\u4ec5\u5728\u7f16\u8f91\u5668\u5e94\u7528CSS\u7684\u5757\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657cf52437434c4406bab1e0\/14-0.png\" alt=\"sample-block-2.png\" \/><\/p>\n<h2>\u73af\u5883\u7684\u51c6\u5907\u524d\u63d0\u662f\u5df2\u7ecf\u5b89\u88c5\u4e86\u4ee5\u4e0b\u5185\u5bb9\u3002<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">PHP: 7.1\u4ee5\u4e0a<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Node: v10.x<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">Yarn: v1.9.4<\/ul>\n<p>WordPress\u7684\u533a\u5757\u7f16\u8f91\u5668\u662f\u4f7f\u7528React\u521b\u5efa\u7684\u3002<br \/>\n\u5c06\u6765\u8981\u521b\u5efa\u7684\u81ea\u5b9a\u4e49\u533a\u5757\u4e5f\u5c06\u4f7f\u7528React\u7684\u7ec4\u4ef6\u8fdb\u884c\u5f00\u53d1\u3002<br \/>\n\u7136\u800c\uff0c\u6211\u4eec\u5c06\u4f7f\u7528WordPress\u63d0\u4f9b\u7684React\uff0c\u800c\u4e0d\u662f\u901a\u5e38\u7684React\u3002\u56e0\u6b64\uff0c\u4e0d\u9700\u8981\u5b89\u88c5React\u3002<\/p>\n<p>\u63a5\u4e0b\u6765\u662f\u5b89\u88c5\u5e93\u7684\u6b65\u9aa4\u3002<\/p>\n<h3>\u9700\u8981\u51c6\u5907 package.json \u6587\u4ef6\u3002\u521b\u5efa\u4e00\u4e2a\u7c7b\u4f3c\u4ee5\u4e0b\u7684package.json\u6587\u4ef6\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"p\">{<\/span>\r\n  <span class=\"nl\">\"name\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"sample-block\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"version\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"1.0.0\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"description\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"Sample Block\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"main\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"index.js\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"scripts\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"test\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"echo <\/span><span class=\"se\">\\\"<\/span><span class=\"s2\">Error: no test specified<\/span><span class=\"se\">\\\"<\/span><span class=\"s2\"> &amp;&amp; exit 1\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"author\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"Kodak\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"license\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"GPL-2.0\"<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<h3>\u51c6\u5907[\u4efb\u610f]webpack\u4ee5\u4e0b\u662f\u53ef\u9009\u7684\u3002<br \/>\n\u5982\u679c\u60a8\u60f3\u901a\u8fc7Webpack\u6784\u5efaJavaScript\uff0c\u8bf7\u5b89\u88c5\u4ee5\u4e0b\u5185\u5bb9\u3002<br \/>\n\u7531\u4e8e\u6211\u4eec\u5c06\u5728\u63a5\u4e0b\u6765\u4f7f\u7528@wordpress\/scripts\u8fdb\u884c\u6784\u5efa\uff0c\u6240\u4ee5\u4e0d\u9700\u8981\u5b89\u88c5\u5b83\u3002<\/p>\n<pre class=\"post-pre\"><code>yarn add -D webpack webpack-cli\r\n<\/code><\/pre>\n<h3>\u9700\u8981\u51c6\u5907[BABEL]\u6211\u5c06\u5b89\u88c5\u4ee5\u4e0b\u5185\u5bb9\uff1a<br \/>\n\u7531\u4e8e\u6211\u5e0c\u671b\u4f7f\u7528JSX\u7f16\u5199\u81ea\u5b9a\u4e49\u4ee3\u7801\u5757\uff0c\u56e0\u6b64\u8fd8\u4f1a\u5b89\u88c5@babel\/preset-react\u3002<\/p>\n<pre class=\"post-pre\"><code>yarn add -D @babel\/core babel-loader @babel\/preset-env @babel\/preset-react\r\n<\/code><\/pre>\n<p>@babel\/core \u30fb\u30fb\u30fb BABEL\u672c\u4f53<\/p>\n<p>babel-loader \u30fb\u30fb\u30fb webpack\u304b\u3089BABEL\u3092\u901a\u3059\u305f\u3081\u306e\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<p>@babel\/preset-env \u30fb\u30fb\u30fb \u7279\u5b9a\u306e\u74b0\u5883\uff08\u30d6\u30e9\u30a6\u30b6\uff09\u306b\u5408\u308f\u305b\u305f\u5909\u63db\u3092\u3057\u3066\u304f\u308c\u308b\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<p>@babel\/preset-react \u30fb\u30fb\u30fb JSX\u306e\u30b3\u30f3\u30d1\u30a4\u30eb\u53ef\u80fd\u306b\u3059\u308b\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<h3>\u51c6\u5907\u4e00\u4e2a\u5e93\u6765\u652f\u6301[SASS]\u7684\u4efb\u610f\u9009\u62e9\u3002\u8fd9\u662f\u53ef\u9009\u7684\u3002<br \/>\n\u8fd9\u6b21\u6211\u4eec\u60f3\u8981\u652f\u6301SASS\uff0c\u6240\u4ee5\u6211\u4eec\u4f1a\u5b89\u88c5\u4ee5\u4e0b\u5185\u5bb9\u3002<\/p>\n<pre class=\"post-pre\"><code>yarn add -D node-sass css-loader sass-loader\r\n<\/code><\/pre>\n<p>node-sass \u30fb\u30fb\u30fb SASS(SCSS)\u3092CSS\u306b\u5909\u63db\u3059\u308b\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<p>sass-loader \u30fb\u30fb\u30fb webpack\u304b\u3089SASS(SCSS)\u3092CSS\u306b\u5909\u63db\u3059\u308b\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<p>css-loader \u30fb\u30fb\u30fb CSS\u3092JavaScript\u306b\u30d0\u30f3\u30c9\u30eb\u3059\u308b\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<h3>\u51c6\u5907\u4e00\u4e2a\u7528\u4e8e\u6269\u5c55CSS\u7684\u5e93\u3002\u8fd9\u662f\u4efb\u610f\u7684\uff0c\u4f46\u6700\u597d\u5b89\u88c5\u5b83\u3002<br \/>\n\u5b83\u4f1a\u5c06\u4f9b\u5e94\u5546\u524d\u7f00\u548cCSS\u4f5c\u4e3a\u5355\u72ec\u7684\u6587\u4ef6\u8f93\u51fa\u3002<\/p>\n<pre class=\"post-pre\"><code>yarn add -D postcss-loader autoprefixer mini-css-extract-plugin optimize-css-assets-webpack-plugin terser-webpack-plugin\r\n<\/code><\/pre>\n<p>postcss-loader \u30fb\u30fb\u30fb \u30d9\u30f3\u30c0\u30fc\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092CSS\u306b\u8ffd\u52a0\u3059\u308b\u305f\u3081\uff06\u30cd\u30b9\u30c8\u3057\u305fCSS\u3092\u89e3\u6790\u3057\u3066\u304f\u308c\u308b\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<p>autoprefixer \u30fb\u30fb\u30fb \u30d9\u30f3\u30c0\u30fc\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092CSS\u306b\u8ffd\u52a0\uff08postcss-loader\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\uff09<\/p>\n<p>mini-css-extract-plugin \u30fb\u30fb\u30fb CSS\u3092\u5225\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u51fa\u529b\u3059\u308b\u305f\u3081\u306e\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<p>optimize-css-assets-webpack-plugin \u30fb\u30fb\u30fb \u4f5c\u6210\u3059\u308bCSS\u3092\u5727\u7e2e\u3059\u308b\u305f\u3081\u306e\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<p>terser-webpack-plugin \u30fb\u30fb\u30fb CSS\u3092\u5727\u7e2e\u3059\u308b\u969b\u3001\u3055\u3089\u306bCSS\u3092\u7e2e\u5c0f\u3057\u3066\u304f\u308c\u308b\uff08\u90aa\u9b54\u306a\u30b3\u30e1\u30f3\u30c8\u3084scourceMap\u3092\u524a\u9664\u3057\u3066\u304f\u308c\u308b\uff09\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<h3>\u4e3a\u4e86\u786e\u4fdd\u4e0d\u5728\u5efa\u7acb\u6587\u4ef6\u5939\u65f6\u7559\u4e0b\u5783\u573e\u6587\u4ef6\uff0c\u9700\u51c6\u5907\u4e00\u4e2a\u5e93\u3002\u4e3a\u4e86\u907f\u514d\u5728\u6784\u5efa\u6587\u4ef6\u5939\u4e2d\u7559\u4e0b\u5783\u573e\u6587\u4ef6\uff0c\u8bf7\u5b89\u88c5\u8fd9\u4e2a\u3002<\/p>\n<pre class=\"post-pre\"><code>yarn add -D clean-webpack-plugin\r\n<\/code><\/pre>\n<p>clean-webpack-plugin \u30fb\u30fb\u30fb \u30d3\u30eb\u30c9\u3059\u308b\u5ea6\u306b\u3001\u30d3\u30eb\u30c9\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u524a\u9664\u3059\u308b\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<h3>\u9700\u8981\u51c6\u5907\u4e00\u4e2a\u80fd\u591f\u521b\u5efa\u81ea\u5b9a\u4e49\u4ee3\u7801\u5757\u7684\u5e93\u3002\u8fd9\u662f\u7528\u4e8e\u521b\u5efa\u81ea\u5b9a\u4e49\u5757\u7684\u5e93\u3002<\/p>\n<pre class=\"post-pre\"><code>yarn add -D @wordpress\/browserslist-config @wordpress\/scripts @wordpress\/blocks @wordpress\/dependency-extraction-webpack-plugin\r\n<\/code><\/pre>\n<p>@wordpress\/browserslist-config \u30fb\u30fb\u30fb WordPress\u306e\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\u30fc\u304c\u52d5\u304f\u30d6\u30e9\u30a6\u30b6\u30ea\u30b9\u30c8\u306e\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<p>@wordpress\/scripts \u30fb\u30fb\u30fb WordPress\u306e\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\u30fc\u7528\u306ewebpack\u304c\u8a70\u3081\u8fbc\u307e\u308c\u305f\u30e9\u30a4\u30d6\u30e9\u30ea\u3002\u3053\u308c\u3092\u4f7f\u7528\u3057\u306a\u3044\u5834\u5408\u306f\u3001webpack\u3092\u5225\u9014\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002<\/p>\n<p>@wordpress\/blocks \u30fb\u30fb\u30fb WordPress\u3067\u30ab\u30b9\u30bf\u30e0\u30d6\u30ed\u30c3\u30af\u3092\u4f5c\u308b\u305f\u3081\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3002<\/p>\n<p>@wordpress\/dependency-extraction-webpack-plugin \u30fb\u30fb\u30fb \u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u81ea\u52d5\u3067\u89e3\u6c7a\u3059\u308bassets.php\u30d5\u30a1\u30a4\u30eb\u3092\u751f\u6210\u3057\u3066\u304f\u308c\u308b\u30e9\u30a4\u30d6\u30e9\u30ea<\/p>\n<h3>\u6839\u636e\u521b\u5efa\u7684\u81ea\u5b9a\u4e49\u79ef\u6728\u5757\u51c6\u5907\u76f8\u5e94\u7684\u5e93\u3002\u6839\u636e\u8981\u521b\u5efa\u7684\u81ea\u5b9a\u4e49\u533a\u5757\u5b89\u88c5\u76f8\u5e94\u7684\u5e93\u3002<br \/>\n\u8fd9\u6b21\u6211\u4eec\u5c06\u4f7f\u7528@wordpress\/block-editor\u548c@wordpress\/components\u3002<\/p>\n<pre class=\"post-pre\"><code>yarn add -D @wordpress\/block-editor @wordpress\/components\r\n<\/code><\/pre>\n<p>\u8bf7\u53c2\u9605\u5b98\u65b9\u7f51\u7ad9\u4ee5\u83b7\u53d6\u5404\u4e2a\u5e93\u7684\u8be6\u7ec6\u4fe1\u606f\u3002<\/p>\n<h2>\u4e8b\u524d\u51c6\u5907<\/p>\n<details>\u4ee5\u4e0b\u662f\u6298\u53e0\u7684package.json\u6587\u4ef6\u7684\u7ffb\u8bd1\uff1a{<br \/>\n&#8220;name&#8221;: &#8220;sample-block&#8221;,<br \/>\n&#8220;version&#8221;: &#8220;1.0.0&#8221;,<br \/>\n&#8220;description&#8221;: &#8220;\u6837\u4f8b\u533a\u5757&#8221;,<br \/>\n&#8220;main&#8221;: &#8220;index.js&#8221;,<br \/>\n&#8220;scripts&#8221;: {<br \/>\n&#8220;test&#8221;: &#8220;echo \\&#8221;\u9519\u8bef\uff1a\u672a\u6307\u5b9a\u6d4b\u8bd5\\&#8221; &amp;&amp; exit 1&#8243;,<br \/>\n&#8220;start&#8221;: &#8220;wp-scripts build &#8211;mode=development &#8211;config webpack.config.js &#8211;watch&#8221;,<br \/>\n&#8220;build&#8221;: &#8220;wp-scripts build &#8211;mode=production &#8211;config webpack.config.js&#8221;<br \/>\n},<br \/>\n&#8220;author&#8221;: &#8220;Kodak&#8221;,<br \/>\n&#8220;license&#8221;: &#8220;GPL-2.0&#8221;,<br \/>\n&#8220;devDependencies&#8221;: {<br \/>\n&#8220;@babel\/core&#8221;: &#8220;^7.8.7&#8221;,<br \/>\n&#8220;@babel\/preset-env&#8221;: &#8220;^7.8.7&#8221;,<br \/>\n&#8220;@babel\/preset-react&#8221;: &#8220;^7.8.3&#8221;,<br \/>\n&#8220;@wordpress\/block-editor&#8221;: &#8220;^3.7.5&#8221;,<br \/>\n&#8220;@wordpress\/blocks&#8221;: &#8220;^6.12.1&#8221;,<br \/>\n&#8220;@wordpress\/browserslist-config&#8221;: &#8220;^2.6.0&#8221;,<br \/>\n&#8220;@wordpress\/components&#8221;: &#8220;^9.2.4&#8221;,<br \/>\n&#8220;@wordpress\/dependency-extraction-webpack-plugin&#8221;: &#8220;^2.4.0&#8221;,<br \/>\n&#8220;@wordpress\/scripts&#8221;: &#8220;^7.1.3&#8221;,<br \/>\n&#8220;autoprefixer&#8221;: &#8220;^9.7.4&#8221;,<br \/>\n&#8220;babel-loader&#8221;: &#8220;^8.0.6&#8221;,<br \/>\n&#8220;clean-webpack-plugin&#8221;: &#8220;^3.0.0&#8221;,<br \/>\n&#8220;css-loader&#8221;: &#8220;^3.4.2&#8221;,<br \/>\n&#8220;mini-css-extract-plugin&#8221;: &#8220;0.6.0&#8221;,<br \/>\n&#8220;node-sass&#8221;: &#8220;^4.13.1&#8221;,<br \/>\n&#8220;optimize-css-assets-webpack-plugin&#8221;: &#8220;^5.0.3&#8221;,<br \/>\n&#8220;postcss-loader&#8221;: &#8220;^3.0.0&#8221;,<br \/>\n&#8220;sass-loader&#8221;: &#8220;^8.0.2&#8221;,<br \/>\n&#8220;terser-webpack-plugin&#8221;: &#8220;^2.3.5&#8221;<br \/>\n},<br \/>\n&#8220;browserslist&#8221;: [<br \/>\n&#8220;extends @wordpress\/browserslist-config&#8221;<br \/>\n]<br \/>\n}<\/p>\n<\/details>\n<p>\u4e3a\u4e86\u4f7f\u7528webpack\uff08wp-scripts\uff09\u6765\u6784\u5efaWordPress\uff0c\u53ef\u4ee5\u6309\u5982\u4e0b\u5b9a\u4e49\uff1a<\/p>\n<pre class=\"post-pre\"><code>  <span class=\"nl\">\"scripts\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"start\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"wp-scripts build --mode=development --config webpack.config.js --watch\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"build\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"wp-scripts build --mode=production --config webpack.config.js\"<\/span>\r\n  <span class=\"p\">}<\/span><span class=\"err\">,<\/span>\r\n<\/code><\/pre>\n<p>\u6d4f\u89c8\u5668\u5217\u8868\u901a\u8fc7\u4f7f\u7528extends\u8fdb\u884c\u52a0\u8f7d\u3002<\/p>\n<pre class=\"post-pre\"><code>  <span class=\"nl\">\"browserslist\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\r\n    <span class=\"s2\">\"extends @wordpress\/browserslist-config\"<\/span>\r\n  <span class=\"p\">]<\/span>\r\n<\/code><\/pre>\n<p>\u6ce8\u610f\uff1a\u7531\u4e8e\u5728\u4f7f\u7528chunkFilename\u65f6\u9047\u5230\u4e86\u9519\u8bef\uff0cmini-css-extract-plugin\u7684\u7248\u672c\u5df2\u66f4\u6539\u4e3a0.6.0\u3002<\/p>\n<details>module.exports = (env, argv) =&gt; {<br \/>\nfunction isDevelopment() {<br \/>\nreturn argv.mode === &#8216;development&#8217;<br \/>\n}var config = {<br \/>\nentry: {<br \/>\neditor: &#8216;.\/src\/editor.js&#8217;,<br \/>\nscript: &#8216;.\/src\/script.js&#8217;,<br \/>\n},<br \/>\noutput: {<br \/>\nfilename: &#8220;[name].js&#8221;<br \/>\n},<br \/>\noptimization: {<br \/>\nminimizer: [<br \/>\nnew TerserWebpackPlugin({<br \/>\nsourceMap: isDevelopment()<br \/>\n}),<br \/>\nnew OptimizeCSSAssetsWebpackPlugin(<br \/>\n{<br \/>\ncssProcessorOptions: {<br \/>\nmap: {<br \/>\ninline: false,<br \/>\nannotation: true<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n)<br \/>\n]<br \/>\n},<br \/>\nplugins: [<br \/>\nnew DependencyExtractionWebpackPlugin(),<br \/>\nnew CleanWebpackPlugin(),<br \/>\nnew MiniCSSExtractPlugin({<br \/>\nchunkFilename: &#8220;[id].css&#8221;,<br \/>\nfilename: chunkData =&gt; {<br \/>\nreturn chunkData.chunk.name === &#8220;script&#8221; ? &#8216;style.css&#8217; : &#8216;[name].css&#8217;;<br \/>\n}<br \/>\n})<br \/>\n],<br \/>\ndevtool: &#8216;source-map&#8217;,<br \/>\nmodule: {<br \/>\nrules: [<br \/>\n{<br \/>\ntest: \/\\.js$\/,<br \/>\nexclude: \/node_modules\/,<br \/>\nuse: {<br \/>\nloader: &#8216;babel-loader&#8217;,<br \/>\noptions: {<br \/>\npresets: [<br \/>\n&#8216;@babel\/preset-env&#8217;,<br \/>\n[<br \/>\n&#8216;@babel\/preset-react&#8217;,<br \/>\n{<br \/>\n&#8220;pragma&#8221;: &#8220;wp.element.createElement&#8221;,<br \/>\n&#8220;pragmaFrag&#8221;: &#8220;wp.element.Fragment&#8221;,<br \/>\n&#8220;development&#8221;: isDevelopment()<br \/>\n}<br \/>\n]<br \/>\n]<br \/>\n}<br \/>\n}<br \/>\n},<br \/>\n{<br \/>\ntest: \/\\.(sa|sc|c)ss$\/,<br \/>\nuse: [<br \/>\nMiniCSSExtractPlugin.loader,<br \/>\n&#8216;css-loader&#8217;,<br \/>\n{<br \/>\nloader: &#8216;postcss-loader&#8217;,<br \/>\noptions: {<br \/>\nplugins: [<br \/>\nautoprefixer()<br \/>\n]<br \/>\n}<br \/>\n},<br \/>\n&#8216;sass-loader&#8217;<br \/>\n]<br \/>\n}<br \/>\n]<br \/>\n},<br \/>\n};<br \/>\nreturn config;<br \/>\n}<\/p>\n<\/details>\n<p>\u5c06\u7528\u4e8eReact\u7684\u51fd\u6570\u8fdb\u884cBABEL\u8f6c\u8bd1\u3002<br \/>\n\u901a\u5e38\u60c5\u51b5\u4e0b\uff0c\u6211\u4eec\u4f1a\u5199&#8221;React.createElement.xxxx&#8221;\uff0c\u4f46\u662fWordPress\u7684\u533a\u5757\u7f16\u8f91\u5668\u9700\u8981\u4f7f\u7528WordPress\u4e13\u7528\u7684React\uff0c\u6240\u4ee5\u6211\u4eec\u4f1a\u6309\u7167\u4ee5\u4e0b\u65b9\u5f0f\u8fdb\u884c\u7f16\u5199\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"err\">'@babel\/preset-react',<\/span>\r\n<span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"pragma\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"wp.element.createElement\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"pragmaFrag\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"wp.element.Fragment\"<\/span><span class=\"p\">,<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<p>\u8bf7\u6ce8\u610f\uff0c\u5982\u679c\u60a8\u4e0d\u4f7f\u7528WordPress\u7684\u6784\u5efa\u5de5\u5177\uff08\u4f8b\u5982wp-scripts\u548cdependency-extraction-webpack-plugin\uff09\uff0c\u9700\u8981\u4f7f\u7528webpack\u6765\u89e3\u51b3WordPress\u7684\u4f9d\u8d56\u5173\u7cfb\uff0c\u8bf7\u53c2\u8003\u4ee5\u4e0b\u63cf\u8ff0\u3002<\/p>\n<p>\u4ee5\u4e0b\u662f\u539f\u6587\u7684\u4e2d\u6587\u7ffb\u8bd1\uff1a\u8bf7\u53c2\u8003https:\/\/developer.wordpress.org\/block-editor\/packages\/packages-dependency-extraction-webpack-plugin\/\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"err\">externals:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"@wordpress\/blocks\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"wp\"<\/span><span class=\"p\">,<\/span> <span class=\"s2\">\"blocks\"<\/span><span class=\"p\">],<\/span>\r\n    <span class=\"nl\">\"@wordpress\/editor\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"wp\"<\/span><span class=\"p\">,<\/span> <span class=\"s2\">\"editor\"<\/span><span class=\"p\">],<\/span>\r\n    <span class=\"nl\">\"@wordpress\/components\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"wp\"<\/span><span class=\"p\">,<\/span> <span class=\"s2\">\"components\"<\/span><span class=\"p\">],<\/span>\r\n    <span class=\"nl\">\"@wordpress\/element\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"s2\">\"wp\"<\/span><span class=\"p\">,<\/span> <span class=\"s2\">\"element\"<\/span><span class=\"p\">],<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<h2>\u5f00\u53d1\u81ea\u5b9a\u4e49\u6a21\u5757\u4f5c\u4e3a\u63d2\u4ef6\u3002<br \/>\n\u5982\u679c\u8981\u5c06\u81ea\u5b9a\u4e49\u5757\u7684\u521b\u5efa\u8fc7\u7a0b\u7ed8\u5236\u6210\u56fe\u8868\uff0c\u611f\u89c9\u5927\u81f4\u5982\u4e0b\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657cf52437434c4406bab1e0\/70-0.png\" alt=\"sample-block-make.png\" \/>\u65e0\u8bba\u4ece\u54ea\u91cc\u5f00\u59cb\u521b\u4f5c\u90fd\u6ca1\u6709\u95ee\u9898\uff0c\u6211\u8ba4\u4e3a\u6700\u597d\u5148\u521b\u5efa\u81ea\u5b9a\u4e49\u5757\u7684JS\u4e3b\u4ee3\u7801\u548c\u81ea\u5b9a\u4e49\u5757\u7684\u6837\u5f0f\u4ee3\u7801\uff0c\u7136\u540e\u518d\u521b\u5efa\u81ea\u5b9a\u4e49\u5757\u7684\u6ce8\u518c\u4ee3\u7801\u3002<\/p>\n<details>\u9996\u5148block\/editor.js\uff08\u88ab\u6298\u53e0\u7740\uff09\u5bfc\u5165&#8217;.\/editor.scss&#8217;;<br \/>\n\u4ece&#8221;@wordpress\/blocks&#8221;\u5bfc\u5165{ registerBlockType };<br \/>\n\u4ece&#8221;@wordpress\/editor&#8221;\u5bfc\u5165{ RichText, InspectorControls };<br \/>\n\u4ece&#8221;@wordpress\/components&#8221;\u5bfc\u5165{ PanelBody, ColorPalette };<\/p>\n<p>registerBlockType(&#8216;sample-block\/firstblock&#8217;, {<br \/>\n\u6807\u9898\uff1a&#8217;\u793a\u4f8b\u5757\uff08\u7f16\u8f91\u5668\uff09&#8217;\uff0c<\/p>\n<p>\u56fe\u6807\uff1a&#8217;wordpress-alt&#8217;\uff0c<\/p>\n<p>\u7c7b\u522b\uff1a&#8217;\u5e38\u89c1&#8217;\uff0c<\/p>\n<p>\u793a\u4f8b\uff1a{}\uff0c<\/p>\n<p>\u5c5e\u6027\uff1a{<br \/>\n\u5185\u5bb9\uff1a{<br \/>\n\u7c7b\u578b\uff1a&#8217;\u5b57\u7b26\u4e32&#8217;\uff0c<br \/>\n\u6765\u6e90\uff1a&#8217;html&#8217;\uff0c<br \/>\n\u9009\u62e9\u5668\uff1a&#8217;p&#8217;<br \/>\n}\uff0c<br \/>\n\u989c\u8272\u524d\u7f00\uff1a{<br \/>\n\u7c7b\u578b\uff1a&#8217;\u5b57\u7b26\u4e32&#8217;\uff0c<br \/>\n\u9ed8\u8ba4\u503c\uff1a&#8221;<br \/>\n}<br \/>\n}\uff0c<\/p>\n<p>\u7f16\u8f91\uff08{ className\uff0c\u5c5e\u6027\uff0csetAttributes }\uff09{<br \/>\nconst { content\uff0ccolorPrefix } =\u5c5e\u6027;<\/p>\n<p>const changeBackGroundColor =\uff08backGroundColor\uff09=&gt; {<br \/>\nlet color_prefix =&#8221;;<\/p>\n<p>\u5f00\u5173\uff08\u80cc\u666f\u989c\u8272\uff09{<br \/>\n\u6848\u4f8b&#8217;\u84dd\u8272&#8217;\uff1a<br \/>\ncolor_prefix =&#8217;&#8211;\u84dd\u8272&#8217; ;<br \/>\n\u6253\u7834 ;<br \/>\n\u6848\u4f8b&#8217;\u7ea2\u8272&#8217;\uff1a<br \/>\ncolor_prefix =&#8217;&#8211;\u7ea2\u8272&#8217;\uff1b<br \/>\n\u6253\u7834 ;<br \/>\n\u6848\u4f8b&#8217;\u7eff\u8272&#8217;\uff1a<br \/>\ncolor_prefix =&#8217;&#8211;\u7eff\u8272&#8217;\uff1b<br \/>\n\u6253\u7834 ;<br \/>\n\u6848\u4f8b&#8217;\u9ec4\u8272&#8217;\uff1a<br \/>\ncolor_prefix =&#8217;&#8211;\u9ec4\u8272&#8217;\uff1b<br \/>\n\u6253\u7834 ;<br \/>\n\u9ed8\u8ba4\uff1a<br \/>\ncolor_prefix =&#8221;;<br \/>\n\u6253\u7834 ;<br \/>\n}<br \/>\nsetAttributes\uff08{ colorPrefix\uff1acolor_prefix }\uff09<br \/>\n}<\/p>\n<p>\u8fd4\u56de\uff08<\/p>\n<div>\n<p>setAttributes( { content: content } ) }<br \/>\nvalue={ content }<br \/>\n\/&gt;);<br \/>\n}\uff0c<\/p>\n<p>\u4fdd\u5b58\uff08{\u5c5e\u6027}\uff09{<br \/>\nconst { content\uff0ccolorPrefix } =\u5c5e\u6027;<\/p>\n<p>\u8fd4\u56de\uff08<\/p>\n<div>{\u5185\u5bb9&amp;&amp;\uff08<\/p>\n<p>)});<br \/>\n}<br \/>\n});<\/p>\n<\/details>\n<details>firstblock\/editor.scss\uff08\u88ab\u6298\u53e0\uff09.wp-block-sample-block-firstblock {<br \/>\n&amp;__content {<br \/>\n\u989c\u8272: \u9ed1\u8272;<br \/>\n\u80cc\u666f\u989c\u8272: \u767d\u8272;<br \/>\n}<\/p>\n<p>&amp;__content&#8211;red {<br \/>\n\u989c\u8272: \u767d\u8272;<br \/>\n\u80cc\u666f\u989c\u8272: \u7ea2\u8272;<br \/>\n}<\/p>\n<p>&amp;__content&#8211;green {<br \/>\n\u989c\u8272: \u767d\u8272;<br \/>\n\u80cc\u666f\u989c\u8272: \u7eff\u8272;<br \/>\n}<\/p>\n<p>&amp;__content&#8211;blue {<br \/>\n\u989c\u8272: \u767d\u8272;<br \/>\n\u80cc\u666f\u989c\u8272: \u84dd\u8272;<br \/>\n}<\/p>\n<p>&amp;__content&#8211;yellow {<br \/>\n\u989c\u8272: \u7ea2\u8272;<br \/>\n\u80cc\u666f\u989c\u8272: \u9ec4\u8272;<br \/>\n}<br \/>\n}<\/p>\n<\/details>\n<p>\u7f16\u8f91\u51fd\u6570\u7528\u4e8e\u7f16\u8f91\u5668\u7684\u663e\u793a\u90e8\u5206\uff0c\u4fdd\u5b58\u51fd\u6570\u7528\u4e8e\u524d\u7aef\u7684\u663e\u793a\u90e8\u5206\u3002<br \/>\n\u5c5e\u6027\u4e3b\u8981\u5b9a\u4e49\u4e86\u4ece\u7f16\u8f91\u51fd\u6570\u4f20\u9012\u5230\u4fdd\u5b58\u51fd\u6570\u7684\u503c\uff0c\u8fd9\u4e9b\u503c\u662f\u5728\u7f16\u8f91\u5668\u4e2d\u8bbe\u7f6e\u7684\uff0c\u6bd4\u5982\u5bcc\u6587\u672c\u7684\u6570\u503c\u548c\u9009\u62e9\u7684\u989c\u8272\u7c7b\u7684\u524d\u7f00\u3002<\/p>\n<p>\u53ea\u9700\u5c06InspectorControls\u3001PanelBody\u7b49\u7ec4\u5408\u8d77\u6765\uff0c\u5c31\u53ef\u4ee5\u5f88\u5bb9\u6613\u5730\u5b9e\u73b0\u4fa7\u8fb9\u5bfc\u822a\u3002<\/p>\n<details>\u63d2\u4ef6.php\uff08\u5df2\u6298\u53e0\uff09<!--?php \/** * \u63d2\u4ef6\u540d\u79f0: Sample-Block * \u63d2\u4ef6\u7f51\u5740: * * \u63cf\u8ff0: \u7528\u4e8e\u793a\u4f8b\u7684\u81ea\u5b9a\u4e49\u533a\u5757. * \u7248\u672c: 1.0 * \u4f5c\u8005: Kodak * \u4f5c\u8005\u7f51\u5740: * * \u7248\u6743: GPL2 * * @package sample-block *\/ if ( ! defined( 'ABSPATH' ) ) { exit; } \/** * \u6ce8\u518c\u81ea\u5b9a\u4e49\u533a\u5757. *\/ function sample_block_register() { \/\/ \u5c06\u811a\u672c\u6587\u4ef6\u6ce8\u518c\u5230WordPress\u4e2d. $editor_asset_file = include( plugin_dir_path( __FILE__ ) . 'dist\/editor.asset.php' ); $script_asset_file = include( plugin_dir_path( __FILE__ ) . 'dist\/script.asset.php' ); \/\/ \u7528\u4e8e\u7f16\u8f91\u5668\u811a\u672c\u7684JS\u6587\u4ef6. wp_register_script( 'sample-block-editor-script', plugins_url( 'dist\/editor.js', __FILE__ ), $editor_asset_file['dependencies'], $editor_asset_file['version'] ); \/\/ \u7528\u4e8e\u7f16\u8f91\u5668\u6837\u5f0f\u7684CSS\u6587\u4ef6. wp_register_style( 'sample-block-editor-style', plugins_url( 'dist\/editor.css', __FILE__ ), [ 'wp-edit-blocks' ], filemtime( plugin_dir_path( __FILE__ ) . 'dist\/editor.css' ) ); \/\/ \u7528\u4e8e\u811a\u672c\u7684JS\u6587\u4ef6. wp_register_script( 'sample-block-script', plugins_url( 'dist\/script.js', __FILE__ ), $script_asset_file['dependencies'], $script_asset_file['version'] ); \/\/ \u7528\u4e8e\u6837\u5f0f\u7684CSS\u6587\u4ef6. wp_register_style( 'sample-block-style', plugins_url( 'dist\/style.css', __FILE__ ), [ 'wp-edit-blocks' ], filemtime( plugin_dir_path( __FILE__ ) . 'dist\/style.css' ) ); \/\/ \u6ce8\u518c\u81ea\u5b9a\u4e49\u533a\u5757\uff08\u7f16\u8f91\u5668\uff09. register_block_type( 'sample-block\/firstblock', [ 'editor_script' =&gt; 'sample-block-editor-script', \/\/ \u4ec5\u5728\u7f16\u8f91\u5668\u754c\u9762\u52a0\u8f7d\u811a\u672c.&lt;br ?--> &#8216;editor_style&#8217; =&gt; &#8216;sample-block-editor-style&#8217;, \/\/ \u4ec5\u5728\u7f16\u8f91\u5668\u754c\u9762\u52a0\u8f7d\u6837\u5f0f.<br \/>\n]<br \/>\n);<\/p>\n<p>\/\/ \u6ce8\u518c\u81ea\u5b9a\u4e49\u533a\u5757.<br \/>\nregister_block_type(<br \/>\n&#8216;sample-block\/secondblock&#8217;,<br \/>\n[<br \/>\n&#8216;script&#8217; =&gt; &#8216;sample-block-script&#8217;, \/\/ \u5728\u7f16\u8f91\u5668\u548c\u524d\u53f0\u540c\u65f6\u52a0\u8f7d\u811a\u672c.<br \/>\n&#8216;style&#8217; =&gt; &#8216;sample-block-style&#8217;, \/\/ \u5728\u7f16\u8f91\u5668\u548c\u524d\u53f0\u540c\u65f6\u52a0\u8f7d\u6837\u5f0f.<br \/>\n]<br \/>\n);<br \/>\n}<br \/>\nadd_action( &#8216;enqueue_block_editor_assets&#8217;, &#8216;sample_block_register&#8217; );<br \/>\nadd_action( &#8216;enqueue_block_assets&#8217;, &#8216;sample_block_register&#8217;, 1 );<\/p>\n<\/details>\n<p>\u5982\u679c\u4f7f\u7528WordPress\u4e0a\u7684webpack\uff08wp-scripts\u3001dependency-extraction-webpack-plugin\uff09\u8fdb\u884c\u6784\u5efa\uff0c\u5219\u4f1a\u751f\u6210\u811a\u672c\u6587\u4ef6\uff08xxxx.asset.php\uff09\u3002\u8be5\u6587\u4ef6\u5305\u542b\u6709\u5173\u5e93\u7684\u4f9d\u8d56\u5173\u7cfb\u548c\u7248\u672c\u4fe1\u606f\uff0c\u56e0\u6b64\u53ef\u4ee5\u4f7f\u7528\u5b83\u4eec\u6765\u6ce8\u518cJS\u6587\u4ef6\u3002<\/p>\n<p>\u81ea\u5b9a\u4e49\u5757\u7684\u6ce8\u518c\u6709\u56db\u79cd\u7c7b\u578b\uff1aeditor_script\u3001editor_style\u3001script\u548cstyle\u3002\u8fd9\u56db\u79cd\u7c7b\u578b\u7684\u533a\u522b\u5982\u4e0b\u6240\u793a\u3002<\/p>\n<p>editor_script \u30fb\u30fb\u30fb \u30a8\u30c7\u30a3\u30bf\u30fc\u753b\u9762\u306e\u6642\u306e\u307f\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8aad\u307f\u8fbc\u3080<\/p>\n<p>editor_style \u30fb\u30fb\u30fb \u30a8\u30c7\u30a3\u30bf\u30fc\u753b\u9762\u306e\u6642\u306e\u307f\u30b9\u30bf\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3080<\/p>\n<p>script \u30fb\u30fb\u30fb \u30a8\u30c7\u30a3\u30bf\u30fc\u30fb\u30d5\u30ed\u30f3\u30c8\u306e\u4e21\u753b\u9762\u3067\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8aad\u307f\u8fbc\u3080<\/p>\n<p>style \u30fb\u30fb\u30fb \u30a8\u30c7\u30a3\u30bf\u30fc\u30fb\u30d5\u30ed\u30f3\u30c8\u306e\u4e21\u753b\u9762\u3067\u30b9\u30bf\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3080<\/p>\n<p>\u5982\u679c\u6211\u4eec\u4ece\u524d\u53f0\u9884\u89c8\u5e76\u4ece\u524d\u7aef\u67e5\u770b\u672c\u6587\u5f00\u5934\u5c55\u793a\u7684\u65b9\u5757\uff0c\u663e\u793a\u5982\u4e0b\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657cf52437434c4406bab1e0\/87-0.png\" alt=\"sample-block-preview.png\" \/>\u4e0a\uff1a\u5f53\u4f7f\u7528CSS\u5e94\u7528\u4e8e\u7f16\u8f91\u5668\u548c\u524d\u7aef\u4f7f\u7528\u7684\u5757\uff08script\u3001style\uff09\u65f6<br \/>\n\u4e0b\uff1a\u5f53\u4ec5\u4f7f\u7528CSS\u5e94\u7528\u4e8e\u7f16\u8f91\u5668\u4f7f\u7528\u7684\u5757\uff08editor_script\u3001editor_style\uff09\u65f6<\/p>\n<p>\u53ef\u4ee5\u770b\u5230\u4e0a\u65b9\uff0c\u7f16\u8f91\u5668\u6307\u5b9a\u7684\u80cc\u666f\u8272\uff08\u7ea2\u8272\uff09\u5e94\u7528\u5230\u4e86\u524d\u7aef\u3002<br \/>\n\u76f8\u53cd\u5730\uff0c\u53ef\u4ee5\u770b\u5230\u4e0b\u65b9\uff0c\u7f16\u8f91\u5668\u6307\u5b9a\u7684\u80cc\u666f\u8272\uff08\u7eff\u8272\uff09\u6ca1\u6709\u53cd\u6620\u5728\u524d\u7aef\u3002<\/p>\n<p>\u6700\u540e\u63d0\u5230\u7684\u662f\u5173\u4e8eHook\uff0c\u5982\u679c\u8981\u4f7f\u7528editor_script\u548ceditor_style\uff0c\u5219\u5e94\u4f7f\u7528enqueue_block_editor_assets\u3002<br \/>\n\u5982\u679c\u8981\u4f7f\u7528script\u548cstyle\uff0c\u5219\u5e94\u4f7f\u7528enqueue_block_assets\u3002<br \/>\n\u7531\u4e8e\u4e3a\u5757\u7f16\u8f91\u5668\u51c6\u5907\u4e86\u9002\u5f53\u7684Hook\uff0c\u8bf7\u786e\u4fdd\u4f7f\u7528\u6b63\u786e\u7684Hook\u3002\u5343\u4e07\u4e0d\u8981\u9519\u8bef\u5730\u4f7f\u7528init\u3002<\/p>\n<h2>\u6700\u540e\u8fd9\u5c31\u662f\u4e3a\u4ec0\u4e48\u6211\u82b1\u4e86\u5f88\u957f\u65f6\u95f4\u6765\u7f16\u5199\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u5757\uff0c\u4f46\u662f\u4f60\u89c9\u5f97\u600e\u4e48\u6837\u5462\uff1f<br \/>\n\u4e2a\u4eba\u800c\u8a00\uff0c\u6211\u6700\u56f0\u6270\u7684\u662fwebpack\u7684\u914d\u7f6e\u3002<br \/>\n\u4f5c\u4e3a\u4e00\u4e2a\u540e\u7aef\u5de5\u7a0b\u5e08\uff0c\u7406\u89e3webpack\u7684\u914d\u7f6e\u65b9\u6cd5\u82b1\u8d39\u4e86\u6211\u5f88\u591a\u65f6\u95f4&#8230;&#8230;<br \/>\n\u81ea\u5b9a\u4e49\u5757\u662f\u73b0\u4ee3\u5316\u7684\u8bbe\u8ba1\uff0c\u5f88\u6709\u8da3\uff0c\u4f46\u662f\u5b66\u4e60\u6210\u672c\u5f88\u9ad8\uff0c\u8fd9\u662f\u4ee4\u4eba\u75db\u82e6\u7684\u5730\u65b9\u3002<\/p>\n<p>\u6211\u5e0c\u671b\u8fd9\u6b21\u80fd\u591f\u5c1d\u8bd5\u521b\u5efa\u52a8\u6001\u533a\u5757\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9996\u5148WordPress 5.0 \u4ee5\u540e\uff0c\u91c7\u7528\u4e86\u540d\u4e3a Gutenberg \u7684\u533a\u5757\u7f16\u8f91\u5668\u4f5c\u4e3a\u9ed8\u8ba4\u7f16\u8f91\u5668\u3002\u56e0\u6b64\uff0c\u9884\u8ba1\u672a [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[227],"class_list":["post-27164","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-227"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0 - Blog - Silicon Cloud<\/title>\n<meta name=\"description\" content=\"\u5173\u4e8e\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0\u7684\u6280\u672f\u6587\u7ae0\" \/>\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.silicloud.com\/zh\/blog\/\u6211\u5728wordpress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0\" \/>\n<meta property=\"og:description\" content=\"\u5173\u4e8e\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0\u7684\u6280\u672f\u6587\u7ae0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u6211\u5728wordpress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-02T10:39:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-11T17:08:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657cf52437434c4406bab1e0\/5-0.gif\" \/>\n<meta name=\"author\" content=\"\u65b0, \u97f5\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u65b0, \u97f5\" \/>\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.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/\",\"name\":\"\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0 - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-11-02T10:39:08+00:00\",\"dateModified\":\"2025-08-11T17:08:29+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9\"},\"description\":\"\u5173\u4e8e\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0\u7684\u6280\u672f\u6587\u7ae0\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9\",\"name\":\"\u65b0, \u97f5\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g\",\"caption\":\"\u65b0, \u97f5\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/yunxin\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0 - Blog - Silicon Cloud","description":"\u5173\u4e8e\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0\u7684\u6280\u672f\u6587\u7ae0","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.silicloud.com\/zh\/blog\/\u6211\u5728wordpress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\/","og_locale":"zh_CN","og_type":"article","og_title":"\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0","og_description":"\u5173\u4e8e\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0\u7684\u6280\u672f\u6587\u7ae0","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u6211\u5728wordpress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-11-02T10:39:08+00:00","article_modified_time":"2025-08-11T17:08:29+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657cf52437434c4406bab1e0\/5-0.gif"}],"author":"\u65b0, \u97f5","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u65b0, \u97f5","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"4 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/","name":"\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0 - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-11-02T10:39:08+00:00","dateModified":"2025-08-11T17:08:29+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9"},"description":"\u5173\u4e8e\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0\u7684\u6280\u672f\u6587\u7ae0","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u6211\u5728WordPress\u4e2d\u5c1d\u8bd5\u5199\u4e86\u4e00\u7bc7\u5173\u4e8e\u5982\u4f55\u521b\u5efa\u81ea\u5b9a\u4e49\u533a\u5757\u7684\u6587\u7ae0"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9","name":"\u65b0, \u97f5","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g","caption":"\u65b0, \u97f5"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/yunxin\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%9c%a8wordpress%e4%b8%ad%e5%b0%9d%e8%af%95%e5%86%99%e4%ba%86%e4%b8%80%e7%af%87%e5%85%b3%e4%ba%8e%e5%a6%82%e4%bd%95%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e5%8c%ba%e5%9d%97%e7%9a%84\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/27164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=27164"}],"version-history":[{"count":3,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/27164\/revisions"}],"predecessor-version":[{"id":111075,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/27164\/revisions\/111075"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=27164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=27164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=27164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}