使用runjs在博客园中显示demo效果图

步骤1： 申请js权限

　　1.1 点击右上方的用户名进入个人主页：

            

       1.2 点击右上方的设置：

            

       1.3 点击博客设置：

         

      1.4 往下拉，找到侧边栏公告点击申请js权限，填写理由待审核即可。

           

  步骤2： 申请runjs账号（可以直接用qq等登录） 复制效果图地址

        2.1 登录后，点击编辑器

             

       2.2  编辑你的代码， 在界面左下角资源文件处可以添加需要的库文件，点击鼠标使光标在编辑窗口需要引用该文件的地方，再点击库文件，如下图的jquery.js，就会在鼠标位置                自动引入库文件。   

              

       2.3 写好代码后，可以看到右下角展示出效果图。将鼠标移动上面可以看到出现预览的按钮，点击该按钮。

            

         2.4 会发现跳转到了一个只有效果图的页面，复制它的地址。

            

  步骤3： 在博客园html编辑器中使用iframe嵌入效果图

          3.1 打开html编辑器

             

          3.2 编写以下代码，粘贴刚才复制的地址

          

          3.3 发布后出现效果图就表示成功。预览是看不到效果的。