怎么在halo中运行示例代码

html9527

halo支持运行示例代码,看效果吗.

yangJiang-create

试试这个https://docs.halo.run/#%E5%9C%A8%E7%BA%BF%E4%BD%93%E9%AA%8C

html9527

yangJiang-create 我其实是想运行文章内部的代码,就像vue或者react的官网一样,运行一些示例

Ryan Wang 🚀

可以使用 Codesandbox 这种三方服务：https://codesandbox.io/

然后在文章插入它提供的 embed 代码，如：

<iframe src="https://codesandbox.io/embed/compassionate-meninsky-qkpl05?fontsize=14&hidenavigation=1&theme=dark"
     style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
     title="compassionate-meninsky-qkpl05"
     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   ></iframe>

html9527

Ryan Wang 🚀 感谢帮助,虽然这个方法可以实现,不过因为需要加载的文件很多,我需要写的文章可能需要几十个演示代码块,所以对于带宽要求比较大,而且阅读体验较差,也比较复杂,我在想能不能集成在主题里面,用主题的内置模块编译代码,感谢您的帮助😄