如何在博客中插入jsfiddle的代碼

1、進入官網：https://jsfiddle.net/

可以看到如下界面，頂端的控制按鈕包括：保存，運行，代碼格式化等；

 

2、將html、css、js分別寫在指定的位置當中，最后一個框result是顯示效果的；

3、代碼編輯完之后保存，會得到上面所寫代碼的鏈接，把這個鏈接復制下來，后面插入博客就用它

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

<iframe
  style="width: 100%; height: 300px"
  src=" https://jsfiddle.net/mxaeoaxb/embedded/result,html,css,js/">
</iframe>

效果：

其中https://jsfiddle.net/mxaeoaxb就是上面提到的代碼鏈接，result,js,html,css指的是排列順序

可參考網站：http://doc.jsfiddle.net/