在 Hexo 中引入 Codepen

Codepen 的 Embed 提供了插入外部网站的 Script，但在 Hexo 中使用起来不够方便，可以通过插件解决：

第一步：安装依赖

1	npm install hexo-codepen --save

第二步：在 md 中引入：

// 语法结构
{% codepen userId|anonymous|anon slugHash theme [defaultTab [height [width]]] %}

// e.g.
{% codepen Cyris s0meHasH dark [css,result 360 %} // 创建了一个暗色主题、高度为 360px 的 Codepen 小窗

Author: Cyris

Permalink: https://sound.cyris.moe/posts/add-codepen-on-hexo/

文章默认使用 CC BY-NC-SA 4.0 协议进行许可，使用时请注意遵守协议。

updated at 2024-03-21

Hexo # Hexo

在 Hexo 中引入 Codepen

Comments