如何将没有CodePen框架的笔从CodePen嵌入网站

Question

是否可以将CodePen中的笔嵌入网站而不使用默认的框架/导航栏？换句话说，是否有可能摆脱笔顶部和底部的横条？谢谢！

Answer 1

您可以通过在嵌入式代码段中设置data属性来实现此目的-

data-show-tab-bar='no'

或在“嵌入主题生成器”中，通过在“标签栏”下拉菜单中选择“隐藏”选项。但是，这是一个PRO功能，只有在您拥有Codepen的PRO版本时，该功能才有效。

Answer 2

如果您不想为 Codepen 专业版付费，这里有另一种选择：

1. 导出和下载您的 Codepen 项目
2. 将文件上传到 Github Pages 站点
3. 在您想要的位置嵌入 Github Pages 项目 URL。

<embed src="username.github.io/project_name">