{"id":99071,"date":"2020-05-21T01:13:49","date_gmt":"2020-05-20T17:13:49","guid":{"rendered":"http:\/\/4563.org\/?p=99071"},"modified":"2020-05-21T01:13:49","modified_gmt":"2020-05-20T17:13:49","slug":"%e6%9c%89%e5%86%85%e7%bd%91%e9%83%a8%e7%bd%b2%e7%9a%84-codesandboxcodepen-%e4%b9%8b%e7%b1%bb%e4%bb%a3%e7%a0%81%e5%ae%9e%e6%97%b6%e8%bf%90%e8%a1%8c%e5%b9%b6%e5%88%86%e4%ba%ab%e7%9a%84%e6%9c%8d","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=99071","title":{"rendered":"\u6709\u5185\u7f51\u90e8\u7f72\u7684 codesandboxcodepen \u4e4b\u7c7b\u4ee3\u7801\u5b9e\u65f6\u8fd0\u884c\u5e76\u5206\u4eab\u7684\u670d\u52a1\u5417"},"content":{"rendered":"<div>\n<div>\n<div>\n<h1>                  \u6709\u5185\u7f51\u90e8\u7f72\u7684 codesandboxcodepen \u4e4b\u7c7b\u4ee3\u7801\u5b9e\u65f6\u8fd0\u884c\u5e76\u5206\u4eab\u7684\u670d\u52a1\u5417               <\/h1>\n<p> <\/p>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : vevlins <\/span>  <span><i><\/i> 0<\/span> <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div isfirst=\"1\">                        \u641c\u7d22<br \/>codepen selfhost<\/p>\n<p>\u6838\u5fc3\u5173\u952e\u5b57 selfhost<\/p>\n<p>\u611f\u89c9\u77e5\u8bc6\u589e\u52a0\u4e86\u5c31\u70b9\u2764\u611f\u8c22      <\/p><\/div>\n<div> <b>\u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (<span>15<\/span>)        <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<ul>\n<li data-pid=\"1647608\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : loading <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @loading \u6211\u52a0\u4e86\u8fd9\u4e2a\u5173\u952e\u8bcd\u4e5f\u6ca1\u641c\u5230\uff0c\u4e0d\u5fc5\u62b1\u7740\u8bbd\u523a\u7684\u6001\u5ea6\u8bf4\u4e9b\u6ca1\u7528\u5904\u7684\u8bdd\u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647609\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : vevlins <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u6211\u641c\u51fa\u6765\u4e00\u4e2a https:\/\/github.com\/chinchang\/web-maker \u4eba\u5bb6\u8bf4\u7684\u8bdd\u5632\u8bbd\u4e86\u4e48, \u6ca1\u7528\u4e86\u4e48                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647610\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : mnssbe <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @mnssbe selfhost \u5728\u54ea\uff1f                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647611\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : vevlins <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @vevlins \u522b\u4eba\u54ea\u53e5\u8bdd\u5632\u8bbd\u4e86?                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647612\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : zoharSoul <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u6211\u77e5\u9053\u4e00\u4e2a\u5f00\u6e90\u9879\u76ee\uff0c\u4f46\u662f\u4e3a\u4e86\u907f\u514d\u4e3a\u8ba4\u4e3a\u662f\u5632\u8bbd\uff0c\u8fd8\u662f\u4e0d\u8bf4\u4e86                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647613\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : swulling <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u53ef\u80fd\u662f\u6211\u654f\u611f\u4e86\uff0c\u62b1\u6b49\u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647614\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : vevlins <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @vevlins \u6709\u4e2a\u5f88\u8001\u7684\u9879\u76ee\uff0c\u4e0d\u8fc7\u4e0d\u4e00\u5b9a\u80fd\u90e8\u7f72\u6210\u529f<br \/>https:\/\/github.com\/filearts\/plunker\/blob\/master\/README.md                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647615\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : swulling <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u5404\u4f4d\u62b1\u6b49\uff0c\u4e00\u62b1\u6b49\uff0c\u662f\u6211\u654f\u611f\u4e86\uff0c\u5e0c\u671b\u672a\u7ed9\u5404\u4f4d\u6dfb\u5835\u3002\u8bef\u89e3\u4e86\u4e00\u7684\u8bdd\uff0c\u8ba9\u6211\u60f3\u5230\u4e86\u201c\u5982\u4f55 google \u7684 gif \u5632\u8bbd\u56fe\u201d\u3002<\/p>\n<p>\u4e3a\u4e86\u8ba9\u8fd9\u4e2a\u95ee\u9898\u4e0d\u81f3\u4e8e\u6bd9\u6389\uff0c\u6211\u518d\u8865\u5145\u4e00\u4e0b\u3002<\/p>\n<p>1. \u8fd9\u4e2a\u95ee\u9898\u4e0d\u662f google \u5c31\u80fd\u89e3\u51b3\u5730\u5f88\u597d\u7684\u95ee\u9898\uff0cselfhost \u5173\u952e\u8bcd\u786e\u5b9e\u6ca1\u80fd\u8ba9\u6211\u627e\u5230\u4e00\u4e9b\u9760\u8c31\u7684\u65b9\u6848\uff0c\u4e0a\u9762\u6709\u540c\u5b66\u63d0\u5230\u7684 web-marker \u4e0d\u662f\u6211\u60f3\u8981\u7684\uff0c\u66f4\u503e\u5411\u4e8e\u5404\u7c7b\u8bed\u8a00\u90fd\u6709\u800c\u975e\u5c40\u9650\u4e8e\u524d\u7aef\u3002<br \/>2. \u4e0e web-maker \u7c7b\u4f3c\u7684 github \u8fd8\u6709\u51e0\u4e2a\u4ed3\u5e93\uff0c\u4f46\u8d28\u91cf\u548c star \u90fd\u4e0d\u9ad8\uff0c\u5e0c\u671b\u6709\u6210\u719f\u5ea6\u66f4\u9ad8\u70b9\u7684\u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647616\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : vevlins <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u8865\u5145\u4e00\u4e0b\uff0c\u6bd4\u5982 repl.it                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647617\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : vevlins <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u53c8\u8981\u73b0\u6210\u7684\u53c8\u8981\u5546\u4e1a\u7ea7\uff0c\u5efa\u8bae\u81ea\u5df1\u5199\uff0c\u7136\u540e\u5546\u4e1a\u8ba1\u5212\u4e66\u878d\u8d44\u4e0a\u5e02\u4e00\u6c14\u5475\u6210                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647618\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : chinvo <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @chinvo k8smysql \u90fd\u662f\u5546\u4e1a\u7ea7\u7684\u5f00\u6e90\u9879\u76ee\uff0c\u6211\u4e0d\u8ba4\u4e3a\u6709\u4ec0\u4e48\u51b2\u7a81                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647619\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : vevlins <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @vevlins \u55ef\uff0c\u4f60\u8fd9\u633a\u4eba\u8bbd\u523a\u7684\u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647620\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : loading <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u62b1\u6b49\uff0c\u6211\u4e5f\u654f\u611f\u4e86\u4e00\u4e0b\u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647621\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : loading <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             github.com\/porsager\/flems.io<\/p>\n<p>alternativeto.net\/software\/codepen\/?platform=self-hosted<\/p>\n<p>\u53ea\u80fd\u5e2e\u8fd9\u4e48\u591a\u4e86\u3002                                                            <\/p><\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"1647622\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : loading <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             https:\/\/github.com\/c9                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li>\n","protected":false},"excerpt":{"rendered":"<p>\u6709\u5185\u7f51\u90e8\u7f72\u7684 codesandbo&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/99071"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=99071"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/99071\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=99071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=99071"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=99071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}