博客园添加在线代码展示

在展示代码的时候希望在博客直接展示代码和效果，如下：

 

 

1.先注册jsfiddle或run.js，并写好demo（需要开通博客园请求js权限，在设置里）

jsfiddle以前是国外镜像的，所以访问很慢或者需要fq，现在据测试好像不需要了呢，很强大的在线网站~

 

2.写好demo后点击Embed==>Prefer iframe==>复制代码

3.博客园写博客选择html

将刚刚复制的代码粘贴到需要展示的位置即可