1、进入官网：

可以看到如下界面，顶端的控制按钮包括：保存，运行，代码格式化等；

 

2、将html、css、js分别写在指定的位置当中，最后一个框result是显示效果的；

3、代码编辑完之后保存，会得到上面所写代码的链接，把这个链接复制下来，后面插入博客就用它

4、在博文中插入以下代码：

效果：

其中就是上面提到的代码链接，result,js,html,css指的是排列顺序

可参考网站：