步骤1: 申请js权限

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

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

       1.2 点击右上方的设置:

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

       1.3 点击博客设置:

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

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

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

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

        2.1 登录后,点击编辑器

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

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

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

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

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

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

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

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

          3.1 打开html编辑器

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

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

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

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

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

 

            

 

 

         

 

相关文章:

  • 2022-02-13
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-26
  • 2021-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-06
  • 2021-06-24
  • 2022-12-23
  • 2022-12-23
  • 2021-10-11
相关资源
相似解决方案