博客园添加在线代码展示

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

 

 

1.先注册jsfiddlerun.js,并写好demo(需要开通博客园请求js权限,在设置里)

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

 

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

博客园添加在线代码展示

3.博客园写博客选择html

博客园添加在线代码展示

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

博客园添加在线代码展示