{"componentChunkName":"component---node-modules-arcblock-gatsby-theme-docs-src-templates-documentation-js","path":"/en/developer/static-blocklets","result":{"data":{"file":{"changeTime":"5 minutes ago","childMarkdownRemark":{"frontmatter":{"author":"tigeryu8900","category":"","date":null,"description":"Create Static Blocklets","draft":null,"keywords":"abtnode, blocklet","language":"en","layout":"documentation","path":"/en/developer/static-blocklets","tags":["abtnode"],"title":"Create Static Blocklets"},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"h2","properties":{"id":"step-1-preparing-the-environment","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#step-1-preparing-the-environment","ariaLabel":"step 1 preparing the environment permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Step 1: Preparing the Environment"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"First, initialize and run ABT Node."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"step-2-prepare-the-front-end-static-code","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#step-2-prepare-the-front-end-static-code","ariaLabel":"step 2 prepare the front end static code permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Step 2: Prepare the Front-End Static Code"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Next, prepare a simple static page "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"index.html"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1000px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 91.19999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAACd0lEQVQ4y+2TW2vUQBSAA0JR8UFFsGvbTTK5Z7O5TDaZZLO7urXQrtRbHwR1u15qKQj+DR8FlVotio2+CP48EbdJO+NJ1taWXX3y0YePc+bCNzNnZri7txbXbixffd9stz6HQZgSQlIShmmSNNMI8jiO0+78fLqwsJC2Ox3oi9I4itPoODtx3Pzi+42Iu9zpfO12u2xxsccIiZnteMyy6syx66zuBcxyfabpOkNIYpIkMSSN4gj5sE9VNWYYxhOOkOhjEITfPQ/vu66f2babW5adSwjlphfmXtzOsWPnhqbmkqLmqizlilSAchnmFFFC4rAQux5e5ZIkSYMgGBYr6LpBDcOkmqZTWZao6QYUdkg916EY+7Tu4nJcV2SqASAvIyywpygKw41wwLVarTQMyVDXTWaaNQoUYqbCBAuODKsyjDELQlLmRs1iAhyf53nGC0IBrfL8nizLMO4dFRpjQr1mMxkiHH9UK1SAmFggigdQQRBGQtcdcMUtNhrBmLCYDBMnckQ2LoT6pXAhQ6jNBKH4V/Ev+aHQcZwBF8Kbgxr9QTi2m0n8F/5DYXnL/0pYvE9N00BIyI6H/aEGQsO09gGqGzUqIokKIpoIPOySso1KcsjZXLUKP4U0PsW+l9U1hdVUmVlATYGfMVdhaHYaqBxDhD5hZkSRizMl+yKM8ZcuPuDw8v0PZOXRN/f6YE/r3t5VuysZ376ZVchSNh3+5qA9Gy1lUnItE5NeNhf3Mr7Z2wV+QM4q+Eqfm+q/EE8+fBVw/ZfR2fUtcmbtDeHuvSbc6uY4/U0y9XiLVJ9tk+mn2+T02hY5t/GOnN94S06tb8cn7jy/8BO3FfR0bAQfsQAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"create static blocklet 1","title":"create static blocklet 1","src":"/abtnode/static/ddd4cbf09561bf2cb9fa73c8452497c5/ea415/create-static-blocklet-1.png","srcSet":["/abtnode/static/ddd4cbf09561bf2cb9fa73c8452497c5/41b2e/create-static-blocklet-1.png 250w","/abtnode/static/ddd4cbf09561bf2cb9fa73c8452497c5/36a81/create-static-blocklet-1.png 500w","/abtnode/static/ddd4cbf09561bf2cb9fa73c8452497c5/ea415/create-static-blocklet-1.png 1000w","/abtnode/static/ddd4cbf09561bf2cb9fa73c8452497c5/7df4c/create-static-blocklet-1.png 1414w"],"sizes":["(max-width:","1000px)","100vw,","1000px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Code:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{},"children":[{"type":"element","tagName":"code","properties":{"className":["language-html"],"html>":""},"children":[{"type":"text","value":"\n\n\n\n\nStatic Blocklet Demo\n\n\n

I am a static blocklet.

\n

I will be deployed in ABT Node.

\n\n\n"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"step-3-create-the-necessary-files","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#step-3-create-the-necessary-files","ariaLabel":"step 3 create the necessary files permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Step 3: Create the necessary files"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For the blocklet to be displayed in a more user-friendly way in ABT Node, we need to add the following two files."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"1-blockletmd","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#1-blockletmd","ariaLabel":"1 blockletmd permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"1. "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"blocklet.md"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This file is similar to a "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"README.md"}]},{"type":"text","value":" file, but this file is specifically for ABT Node. In this file, you can write an description of the blocklet, instructions, etc., which will allow other users to quickly understand what the blocklet does and what problems it solves."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1000px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 91.19999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAACGElEQVQ4y+2UzWvUQBiHUzwo4kFLhS11u5l8dCeTrNlkk5lkk93uR0VXWqxFPOh2VbStF/8Nj4Ki9APFjl4E/zwRt0k3r5NFYWsrvfQkHh5+v7y8PGQCE+nB6s2nd5Y77+Mo+BzUXF6nHo+Yz9utFo+iiLcWF3mn3ebd7hJvNJqcMcaDIJwg4PV6tC92v7iOG0jNZvNro3MDOiv3oBp3QXNC0GwKdrUKjh+CH7XACRqASQV0TQNN10HL8xeqqoEuZhgbYFbsZxJl7KNNo+9WtDTCrJ3IbpzKdpAqqppijFNsGCkxzdQgJLUq18czWZaPUCqVhqqQ1zy6LuXHop43xLoGpLyQWbic5YkQEsh/5MkI6WH+trZtD6Q4jjmlbIgNAoRYmUFMyLtYBLF4Kn8Xim9AiJmRXCj6b2Gep3BUGIYh9zz/7IS+73PHcYfG+MhnIKSUctf9L/zHhYztO25tfFMMYo0EGTbMDClqJiPlRJAiUpnoCKX5T6PquOKmMO9TWHOSSlkHc0EVaGDqCqjFWVCuFQSzR0BiJs8VAE0gnkfa/BxYZe2R5C4//MDWnnyrrgwOy+27B0Z3LVGaq0mB3UoK9DjzYS9Ro9tJqd5LSqLL9d6B6D+KYQ8KTqsvne+/Qhcev/Gn+q+D6c1tdnVrm00N3jKp/45J68e5tLHDii/22PTWLru8ucNmnu+yKyIvbuyF5+6/nPkJBOHzJ/r4o0kAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"create static blocklet 2","title":"create static blocklet 2","src":"/abtnode/static/9ce65c48c0688ff5b870d135ea78001a/ea415/create-static-blocklet-2.png","srcSet":["/abtnode/static/9ce65c48c0688ff5b870d135ea78001a/41b2e/create-static-blocklet-2.png 250w","/abtnode/static/9ce65c48c0688ff5b870d135ea78001a/36a81/create-static-blocklet-2.png 500w","/abtnode/static/9ce65c48c0688ff5b870d135ea78001a/ea415/create-static-blocklet-2.png 1000w","/abtnode/static/9ce65c48c0688ff5b870d135ea78001a/7df4c/create-static-blocklet-2.png 1414w"],"sizes":["(max-width:","1000px)","100vw,","1000px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"2-logopng","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#2-logopng","ariaLabel":"2 logopng permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"2. "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"logo.png"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Create a logo for the blocklet and put it in the project directory."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1000px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 91.19999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC8ElEQVQ4y52Ty08TURSHh7hQtwjYatuZ6UztdOqjHToznRZb2pkWNGrUGB8RUIOvf8KNRt2ZiBDwzehCBVxojOIjajQYNS40LtSdcWHiwpUxlgLz8wzEB5VqcPHlzuSefOfcc89ltq1v7Vy31jqTWrnyoqbpdjJp2IZh2Llczs5ksrZpmnahpdUuFIt2U1OTrevJyZgK+lOp1GVVVZNMJpMZzGazKBZboKoaotGlkInlsRhkWUYkEkFYikCSJIiCCFGcmVAoBJ7ndzOqmjivNCa+GunMRCwWL0uSPCZJkTGWZX8jMLlyHFeNEsex8Pl87Uw6nbapslI4LFE1siPLUYeEDmX7RTBYnamYcQJ+v7+DcfuiaVqJJHBlBNxvN4AyT60BP9hFXnCV+HzuvkNxlUJ9ZqELy0JYtgKhdB7iJDmITXmECFHR3KTThe6NJhLqjEJeEMA21CF+oAu5Rx/RPPgMzddeonnoOXLD75A8f89NOF1IV23H40qJ+jezsK4WytFzKNx6g8KJKygS1sX7KFx+jNSFB+4ppgupf7ai/EVYT8JDp2A9/ADz7E1Y/beRpyqtG6+ROnfnP4WHz6Bw+x1M+y7MKyOwSFwYeALDrbCyh/8WLoBysA/m08+wugdh9QzROgBz+C2MSyPUw8DshY2HT8P8CORefIF1/RXyI5+Qfw+krr7481L+KnTHxu/DkmwB0W17IW/phLx9P+StexDdshvS6k2zO/LPwV68COzC+ilojH5+ez1/Dram6/1xpbEkkTAiL50gHCkSpWclOBwfnEIQHF4MObxQiehw9PyIMQL+QIBeip64YDTGy8vCIUSXCISIaCgIwe9F0OchvFXhF3t+MMHTf8DbsINR1mw/q2/c9SW2tmM8nNswGjE3loOZ9WWP3lr2aNXx0j6XWuUySnzzJ1vhiWfbmLltx/h5O7vUmrbjydq9vXr9vl69pqNbZ9p6dKa9Cu5eR49et//kJAv29enz95wy5mw+UvcdBFMm0bQfJgIAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"create static blocklet 3","title":"create static blocklet 3","src":"/abtnode/static/6f417a7ee0a1c959aaf7ccc5bd07a23e/ea415/create-static-blocklet-3.png","srcSet":["/abtnode/static/6f417a7ee0a1c959aaf7ccc5bd07a23e/41b2e/create-static-blocklet-3.png 250w","/abtnode/static/6f417a7ee0a1c959aaf7ccc5bd07a23e/36a81/create-static-blocklet-3.png 500w","/abtnode/static/6f417a7ee0a1c959aaf7ccc5bd07a23e/ea415/create-static-blocklet-3.png 1000w","/abtnode/static/6f417a7ee0a1c959aaf7ccc5bd07a23e/7df4c/create-static-blocklet-3.png 1414w"],"sizes":["(max-width:","1000px)","100vw,","1000px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"step-4-create-blockletjson","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#step-4-create-blockletjson","ariaLabel":"step 4 create blockletjson permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Step 4: Create "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"blocklet.json"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Next, create "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"blocklet.json"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1000px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 91.19999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAACuUlEQVQ4y6WTW0/UQBSAa6ImPBkTjKyy23ba3Xa72+2903YvwG5wATEgPpjIRQ3i5cG/4aOJGhWiRqovJv48Y1xa6PG0wLLKRdSHLzOnnfl65kwPc2e+uzo3237fqHufPcsMA9cO69QJJ8bHwkazGXY6nbA7fT2cnpkJx8ZaYRAEoed5iD/Ipu/7X0zT9JhWq/W12Z6EidlbYDQ6IBo+FDUXDEMDw7KgWq2Aqqqg1WqgVsogSRIIggCiKPZJY0mSoapqDxjbcT5qbv27153fURuTEWvUY173Y57nY92hsR20YkdT48C2YqrXYlWRY0EgMcuyMcdxGSxb6Akothy6zASBH7qO3VMrVajIUpKiSKVEIHxiUD9x/HpSN9QEJUmBZRMiiAnPk4TnOBz5DJRup5nqhrHCNBrN0HVpL025rFSSslIFuaxAURTA9HywvAAcrQo6Hr2IR0MBoADhs/kRwkYmlOUyKChEoJwJRcAMwRm/BpZeAzwuWKoCNQVrJUvZB1PxL0JdX2HwdkLbdo4QphkG4LW7oNY0LDzpZ0X4fnaHhY7jhIZh9lLJvjCVS1IJVMOAmu1CEWNCyKDkeKHruiH+P4eEQlYvDvA292p2NINCTdOOFw5s+BOnE+7f5v7GE+T/JjxNhifW8G+F2e0T8v9CXNMX5vN5FFK6aZhWL+0O7JIdJJHLlYQnQsJhi/0OT3Ake/HBPMbngK2JnULtT75lRKpUhEpJ3KVIQMjngIyOILk+PMbc1RHgU0b3xl120vfslct3GXN28QNduP9Nv7GyXZq4uSW3FyK2ORfl6FQ04h6QxgV/OhLqMxEXTEd5nLNBxhbGP0a9KciZ40vM+aXn/NC9l86ZpRfehbW39OLaG8osvqLM8utDXHi4TgtP39FLTzbo0CqufbSRMfx4nZ5b3fDP3n42/BOqKPe+yyf3+gAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"create static blocklet 4","title":"create static blocklet 4","src":"/abtnode/static/7506ac709ea519448edaa7f347be0202/ea415/create-static-blocklet-4.png","srcSet":["/abtnode/static/7506ac709ea519448edaa7f347be0202/41b2e/create-static-blocklet-4.png 250w","/abtnode/static/7506ac709ea519448edaa7f347be0202/36a81/create-static-blocklet-4.png 500w","/abtnode/static/7506ac709ea519448edaa7f347be0202/ea415/create-static-blocklet-4.png 1000w","/abtnode/static/7506ac709ea519448edaa7f347be0202/7df4c/create-static-blocklet-4.png 1414w"],"sizes":["(max-width:","1000px)","100vw,","1000px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"blocklet.json"}]},{"type":"text","value":":"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{},"children":[{"type":"element","tagName":"code","properties":{"className":["language-json"],"\"static":"","blocklet":"","demo\",":""},"children":[{"type":"text","value":"{\n\"name\": \"static blocklet demo\",\n\"title\": \"static blocklet demo\",\n\"description\": \"I am a static blocklet\",\n\"version\": \"1.0.0\",\n\"group\": \"static\",\n\"color\": \"primary\",\n\"logo\": \"logo.png\",\n\"main\": \"/\",\n\"provider\": \"arcblock\",\n\"support\": \"support@arcblock.io\",\n\"community\": \"https://community.arcblockio.cn\",\n\"config_url\": \"\",\n\"public_url\": \"/\",\n\"admin_url\": \"\",\n\"install-scripts\": {},\n\"hooks\": {},\n\"hookFiles\": []\n}\n"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Parameter Description:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"name"}]},{"type":"text","value":": blocklet name"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"title"}]},{"type":"text","value":": the name displayed by the blocklet"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"description"}]},{"type":"text","value":": blocklet description"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"version"}]},{"type":"text","value":": blocklet version number"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"main"}]},{"type":"text","value":": the entry point of the packed block or static folder"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"group"}]},{"type":"text","value":": Only allow and support "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"dapp|static"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"provider"}]},{"type":"text","value":": "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"arcblock|community"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"public_url"}]},{"type":"text","value":": public page URL, at least one should be specified"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"admin_url"}]},{"type":"text","value":": management page URL, default is empty"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"config_url"}]},{"type":"text","value":": configuration page URL, default is empty"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"doc_url"}]},{"type":"text","value":": public document URL, if not specified, the registration details page will be used"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"hooks"}]},{"type":"text","value":": blocklet hooks, empty by default"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"hookFiles"}]},{"type":"text","value":": string array, files used by hooks, array, default is empty"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"step-5-deploy-blocklet","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#step-5-deploy-blocklet","ariaLabel":"step 5 deploy blocklet permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Step 5: Deploy Blocklet"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"After completing the above steps, we only need to go to the main directory of the project and execute the deployment command "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"abtnode deploy ."}]},{"type":"text","value":" to complete the deployment of the blocklet."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"blockquote","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Please make sure that ABT Node can run before deploying."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1000px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 72%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAACm0lEQVQ4y5WTv2/TQBTH/dtJbMdJnIbEIc6vOgmp2oGCQESpVAnU/FAQ6kzHWgiJpQN/BkunSkEdqiapCgVRZWBhZ4INBJZYmKpsiKX48nh3oQuVSrH01fnOvs/7vnfvuFdPnoZGe88e7r19/ag/frfZP3zpPT984R0eHXmj0dDb39/3+v2+t7297e3s7Hi7u7tsPhwOvcFg4B0cHGweHx8/Ho/HD7a2tgTO4EO5G7du/my01uDOWgdu370HzXYHur37sL6+Dr1eD1ZXV6HZbEKj0YDFxUVwXRfy+Tw4jgOFQgFyuRxsbGx8BgCNw8dJWfZJKV+Aa5XKLzudDrKZTJDGETcF+HNQKpUCd95lIxVd0zQt0HU9MAzjVFVVaLfbHxCoc7wiOrGCOYmmDLCuWKRYLE4zdmaKm6YYfWqa5hSDnpMgCEyiKAY4h263+5EB1bjihCvKRMzwIMgCWb6+DNlsFhRFgUgkAqFQCOiGC8SAnU5nBpR12QnllIkQ5kESJEJh0WiUgSgQXVwI5Hn+L6A2A0pJEURZJLQeVBSG9fkn8JxDSZaccFmdKFclBkylUoDFBlmWGewsANbqkkBVciKuOhEtAWRFJktLS7CwsAC1Wo21hmVZEIvFIBwOXzJlA1N28FCiAv1IaJp4sszl2UhreumURU52FFs8EZMCCJwUJBJxkkgkSDKZJPF4nJaAoEs2xwA0IMEgRJIkgiCCJk7/tM2sDzmVy+tp7UfE0MBAJ261CnVMuYop1+t1pipdw7FcLrMSzM3NnXPdarU+zYAclzEs631yvvrNcitfzULJN4slX6/VfAzg42n72EI+1tBHZz7eEB9h7B3dUX1BxveVlZU3CIxwmmqKFEqv4P8K0z5THgOlbNvmfwOP7VcfgoMf8wAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"create static blocklet 5","title":"create static blocklet 5","src":"/abtnode/static/ed10c89aa58f162728ff3ca3093f43cf/ea415/create-static-blocklet-5.png","srcSet":["/abtnode/static/ed10c89aa58f162728ff3ca3093f43cf/41b2e/create-static-blocklet-5.png 250w","/abtnode/static/ed10c89aa58f162728ff3ca3093f43cf/36a81/create-static-blocklet-5.png 500w","/abtnode/static/ed10c89aa58f162728ff3ca3093f43cf/ea415/create-static-blocklet-5.png 1000w","/abtnode/static/ed10c89aa58f162728ff3ca3093f43cf/a2b8f/create-static-blocklet-5.png 1017w"],"sizes":["(max-width:","1000px)","100vw,","1000px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"After deploying the blocklet, you can open the ABT Node "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Blocklets"}]},{"type":"text","value":" page to view the installed blocklets:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1000px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 88.8%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAACQ0lEQVQ4y62TS47TQBCGcw42LID74OQAHIE9WELiOCPICHagESsQEQJFoCGO4yRklEf7/Wo/2o7tospxMsnMBEGEpV/l7ur6qqu6u/X2svf0vfLjRX8+f/5tfiVfTCfymTKQ30zGcnekyq+GyrUURT4boR0N5O7gUn6tKvL5WHt2ro1edlX1CQC0WipbphpbwfBqBj+nU+hrGnxF9acTUHB+bFswtkyUBZppguLqMHENmOkMfrkmqKYLI9OA4Wo5qIE6Y3PHdkDX9czQjdyyrNy17dwyjDziPF/n+GXZLdG870W5rvtisbBgOpl9qoGO67I4ScD1vNILgipfryuR5xWGVakQVZKmVXLTpqISIq1630X17qMoLnpr6A+CXg20bJuFnIPruiVCwXYcoDElwWBUsvvftyQ/CCHgcRHymOKugX4YArOd0g8CINFiHkWAO0R4VCeI4jqotjQmsIdAXFvwiANWugEuXIfZUYwHYJcmNh8dNWijFKJEYHBWgygZgchHNuACgWkhsoxatgEubYvxJAbsdIm9A3JuSk2b4K3ETjRPFVA7UAXN7YCO4zDKjpnKbW/2gce0BVPJB0C7AaLKxu4CjqrxU3JcX1DMAZAcuKC8Wdbf7BJ12EM6ZcpAwLtKumuH+37UIRBPjjXO8k+QY7oFDMLw/wJxh6utY/Os/lnrBvi5BuKtN7Pm/p0qfP906b/UQMM0x57vC8wQoPgJ8jG+Yrr+oQa22+37kiQ9fCxJD6QTVMe12486nc69Fn6/AfEbCFGhco40AAAAAElFTkSuQmCC'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"create static blocklet 6 en","title":"create static blocklet 6 en","src":"/abtnode/static/060a902b7b52c8c8ed24bea0c4e99a9b/ea415/create-static-blocklet-6-en.png","srcSet":["/abtnode/static/060a902b7b52c8c8ed24bea0c4e99a9b/41b2e/create-static-blocklet-6-en.png 250w","/abtnode/static/060a902b7b52c8c8ed24bea0c4e99a9b/36a81/create-static-blocklet-6-en.png 500w","/abtnode/static/060a902b7b52c8c8ed24bea0c4e99a9b/ea415/create-static-blocklet-6-en.png 1000w","/abtnode/static/060a902b7b52c8c8ed24bea0c4e99a9b/de9e4/create-static-blocklet-6-en.png 1461w"],"sizes":["(max-width:","1000px)","100vw,","1000px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"step-6-run--the-blocklet","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#step-6-run--the-blocklet","ariaLabel":"step 6 run the blocklet permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Step 6: Run the Blocklet"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Click to open the three dots on the right side of the just deployed "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"dapp blocklet demo"}]},{"type":"text","value":", and select "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Start"}]},{"type":"text","value":":"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1000px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 88.8%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAACW0lEQVQ4y52T227TQBCG8xzccAG8D0kegEfgHiwh8TgVtII7UMUVqFUFikAljuMkpMphfVhvvD6uHdvDjO20pSfRWvo19u7MN7Mz687H0+OXn/VfbwaLxesfizPtcDbV9vSh9mE60fbHhvZupF9I17W9MdrxUNsfnmrvDV07mJivDszx233DeAEAnY7BVqnJ1jA6m8Pv2QwGpgnfUYPZFHRcn3AXJq6DcsF0HNCFBVNhw9xi8Ec4YDgCxo4No/VqWAMtxhYe98CyrMy27Nx13Vxwnru2nUdhmG9zfLLsmmjd30S5ZflquXRhNp1/q4GeECxOEhCbTbmRssq320rleYVhVapUlaRplVy1qaqUSqvjn6r69FUVh0dbGAzlcQ10OWdBGIIQokQocM8D+qYkGIxKzt8vW5IvA/RNiiBKME5cAP0gAMa90pcSSOQcRhFghRgQ1QmiOK6TkaVvAhMwiqNCBpL2GuBSeIxHMQ6Alw42H1tQgxqlECUKg7MaRMkIRHtkZahAyqCIMDnnvAGuuMvCJAbsdIm9A5Vl7VHTNngndS5apxPQSZRSRVmU4Pt+A/Q8j1H2OEnLXW8uA28TgckXqysQSidrgLwFosrWngfcpt0++eIwCxqmbdsXQMqEDuXVoP+pEm2RXq6QpkyZCHiD850Vtr4F9R2rbIA4OdZulndBbqp+V+E/QBkE9wZegV+rcL3baH6re2vbAo9qIN56J2vv30OF/z9d+pMaaDvOZOP7CjNIVPgA+RhfMcv6UgN7vd7jbrf79Hm3+6T7ANVxvd6zfr//qIPPX8dlB+eMsS6DAAAAAElFTkSuQmCC'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"create static blocklet 7 en","title":"create static blocklet 7 en","src":"/abtnode/static/65678e87e94728245cc368506c263e9e/ea415/create-static-blocklet-7-en.png","srcSet":["/abtnode/static/65678e87e94728245cc368506c263e9e/41b2e/create-static-blocklet-7-en.png 250w","/abtnode/static/65678e87e94728245cc368506c263e9e/36a81/create-static-blocklet-7-en.png 500w","/abtnode/static/65678e87e94728245cc368506c263e9e/ea415/create-static-blocklet-7-en.png 1000w","/abtnode/static/65678e87e94728245cc368506c263e9e/de9e4/create-static-blocklet-7-en.png 1461w"],"sizes":["(max-width:","1000px)","100vw,","1000px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The blocklet should now be in the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"running"}]},{"type":"text","value":" state. Click on the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"public interface"}]},{"type":"text","value":" to verify that it's running:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1000px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 88.8%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWklEQVQ4y+2TP0/CQBiH+zlcHNRPBMx+BHe9xMRv4eLgYkxxcXMxcSAQJNHEUlpDW0opSEvbo6b0j3KvLwc1JCYqhJFf8uQu99773A13wq1UOzqvPJxeNhonF491cqdopNpuk6eeRWpWl1xJL6SstIjYkokoy+RaxVFtkpumRMq4VlaVY1FpnYly8xAABEFzh7E6fAPJ6sKzYYBq22D7PqeH6J4Hhj9HH43gdexAh47Achzo0gDMMARzTGc1mQst07T6Vg86up4ampb1bTvDwiokMJvEcYULXdcdBEEAnudNwzBkOGdZljEssn/mcyaMJpMaF2LzAOaZwlJwI7B8/B0unOTCJEkGC8F0eWMu/Ss/hGmafgthjWyFW+EmhPiw+3mBrZePhbCafz0HNhC8WJ0LKaXtOI4TPGGMvK9KFEUU+5nv+/dcWCwWdwuFwj6yty7oOCiVSjsC5gt6TCWnRD/4RQAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"create static blocklet 8","title":"create static blocklet 8","src":"/abtnode/static/568e952eaa5abea0868168180dbb008e/ea415/create-static-blocklet-8.png","srcSet":["/abtnode/static/568e952eaa5abea0868168180dbb008e/41b2e/create-static-blocklet-8.png 250w","/abtnode/static/568e952eaa5abea0868168180dbb008e/36a81/create-static-blocklet-8.png 500w","/abtnode/static/568e952eaa5abea0868168180dbb008e/ea415/create-static-blocklet-8.png 1000w","/abtnode/static/568e952eaa5abea0868168180dbb008e/de9e4/create-static-blocklet-8.png 1461w"],"sizes":["(max-width:","1000px)","100vw,","1000px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We have now successfully created a static blocklet in ABT Node."}]}],"data":{"quirksMode":false}}}}},"pageContext":{"site":{"title":"ABT Node","description":"ABT Node Documentation","siteUrl":"https://docs.arcblock.io","logoUrl":"/abtnode/","sidebarWidth":360,"disableI18n":false,"showGetStarted":true,"defaultBanner":"/abtnode/og-banner.png"},"id":"5e5987c2-a7ad-5e82-8dbf-c69654f53b10","language":"en","locale":"en","languages":[{"value":"en","text":"English"},{"value":"zh","text":"简体中文"}],"headings":[{"value":"Step 1: Preparing the Environment","depth":2},{"value":"Step 2: Prepare the Front-End Static Code","depth":2},{"value":"Step 3: Create the necessary files","depth":2},{"value":"1. blocklet.md","depth":3},{"value":"2. logo.png","depth":3},{"value":"Step 4: Create blocklet.json","depth":2},{"value":"Step 5: Deploy Blocklet","depth":2},{"value":"Step 6: Run the Blocklet","depth":2}],"navItems":[{"group":"/home/runner/work/abtnode-docs/abtnode-docs/src","title":"ABT Node","priority":999,"link":"/"}],"version":"v0.2.20","official":true,"originalPath":"/en/developer/static-blocklets","sidebarContent":[{"url":null,"title":null,"pages":[{"title":"ABT Node Docs","path":"/en/"}]},{"url":"/en/introduction","title":"Introduction","pages":[{"title":"ABT Node Overview","path":"/en/introduction/abtnode-overview"},{"title":"ABT Node Setup","path":"/en/introduction/abtnode-setup"},{"title":"ABT Node Access","path":"/en/introduction/abtnode-access"}]},{"url":"/en/marketplace","title":"Marketplace","pages":[{"title":"Find and Install Blocklets","path":"/en/marketplace/find-and-install"},{"title":"Upgrade/downgrade blocklet","path":"/en/marketplace/upgrade-downgrade"}]},{"url":"/en/blocklet","title":"Blocklets","pages":[{"title":"Basic Operations","path":"/en/blocklet/basic-operations"},{"title":"Blocklet Environments","path":"/en/blocklet/environments"},{"title":"Core Blocklets","path":"/en/blocklet/core-blocklets"}]},{"url":"/en/router","title":"Service Gateway","pages":[{"title":"What is Service Gateway?","path":"/en/router/what-is-router"},{"title":"Service Gateway Usage","path":"/en/router/basic-usage"},{"title":"Binding domain names to sites and enabling SSL","path":"/en/router/bind-domain-and-ssl"},{"title":"Certificates for localhost","path":"/en/router/certificates-for-localhost"}]},{"url":"/en/deployment","title":"Deployment","pages":[{"title":"Production Best Practice","path":"/en/deployment/best-practice"},{"title":"Deploy ABT Node Using AWS AMI","path":"/en/deployment/from-aws-ami"},{"title":"Bind domain with reverse proxy server","path":"/en/deployment/behind-reverse-proxy"},{"title":"Run In Docker","path":"/en/deployment/run-in-docker"}]},{"url":"/en/misc","title":"Misc","pages":[{"title":"Node Settings","path":"/en/misc/node-settings"},{"title":"Member Management","path":"/en/misc/member-management"},{"title":"GraphQL Console","path":"/en/misc/graphql-console"}]},{"url":"/en/developer","title":"Developer Guide","pages":[{"title":"Configuring the development environment","path":"/en/developer/config-dev-env"},{"title":"ABT Node CLI","path":"/en/developer/abtnode-cli"},{"title":"Node Configuration","path":"/en/developer/configuration"},{"title":"Storage Structure","path":"/en/developer/storage-structure"},{"title":"Blocklet Specification","path":"/en/developer/blocklet-spec"},{"title":"Create Static Blocklets","path":"/en/developer/static-blocklets"},{"title":"Create DApp Blocklets","path":"/en/developer/dapp-blocklets"},{"title":"Blocklet Hooks","path":"/en/developer/blocklet-hooks"},{"title":"Bundle Blocklets","path":"/en/developer/bundle-blocklets"},{"title":"Publish Blocklets","path":"/en/developer/publish-blocklets"},{"title":"Blocklet Registry","path":"/en/developer/blocklet-registry"},{"title":"Developing Blocklets with Codespaces","path":"/en/developer/blocklet-codespaces"},{"title":"Configure Auth Service for Blocklet","path":"/en/developer/auth-service"},{"title":"Composable blocklet","path":"/en/developer/composable-blocklet"},{"title":"Docker Registry List","path":"/en/developer/docker-registry"}]}],"communityPath":"https://community.arcblockio.cn","githubUrl":"https://github.com/ArcBlock/abtnode-docs/tree/master/src/developer/static-blocklets/index.md"}},"staticQueryHashes":["1358860651","1619896071","1812186216","2194038815"]}