codepen的使用

今天偶然发现一神器——codepen，可以直接在线调试代码，而且可以实时可视化编辑，还可以直接引用到博客当中，非常方便，推荐给大家。

 使用方法：登录codepen.io，然后点击“newpen”，就可以在编辑器里写你的代码了，写完save之后可以在share里面点击embed，然后点击右上角的代码复制粘贴框下面的iframe即可复制到你的博客上了，就像下面这样。

下面是我随便做的一个布局图，做个例子：