codepen 如何引入第三方库

Question

比如 jquery

还有 如何把 codepen 嵌入网页呢？

Answer 1

补充：

文字描述

1. save

2. embed嵌入

1. iframe

2. copy

例子：

<iframe height='269' scrolling='no' src='//codepen.io/AxieLoveCat/embed/zvWEjJ/?height=269&theme-id=20380&default-tab=result' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen zvWEjJ by Cheio怯 (@AxieLoveCat) on CodePen.</iframe>

如果你发现有问题

那么就把src属性值//codepen.io/AxieLoveCat/embed/zvWEjJ/?height=269&theme-id=20380&default-tab=result
前面添加http:
http://codepen.io/AxieLoveCat/embed/zvWEjJ/?height=269&theme-id=20380&default-tab=result

第二种方法

1. 保存你的代码

2. copy你的url 如：http://codepen.io/anon/pen/VvXMNw

3. 将pen改成embed 如：http://codepen.io/anon/embed/VvXMNw

4. 创建iframe标签src属性值设为第三步的url即可.

Answer 2

我想问下你在markdown语法中如何嵌入codepen的页面效果展示，比如你点击预览那个是怎么弄出来的？