hexo博客中嵌入codepen内容

简要流程

1. 注册codepen账号
2. 添加一个pen，并保存
3. 得到这个pen的的嵌入内容
4. 把步骤3中的嵌入内容嵌入markdown文档中
5. 发布并测试

说明：

1. codepen有免费账号可以注册。
2. 在pen的编辑界面右下方点击“Embed”按钮进入界面，有一些选项可以操作，这里使用的是“iframe”模式。
3. 插入markdown 使用了ram标签，里面是一个Swig标签（iframe 标签）。这里应该是hexo对markdown的扩展，不是很清楚细节，包括Swig。具体的做法是把codepen生成的iframe标签内容粘贴在“raw ”和”endraw“之间（完全格式在本文无法显示，详见参考）。

以下是嵌入的内容：

参考

hexo嵌入在线代码演示（codepen、jsFiddle等）

标签插件

Swig