步骤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 发布后出现效果图就表示成功。预览是看不到效果的。