参考资料

hexo-tag-codepen

html/css/js

安装

npm install hexo-codepen --save

注册账号

因为我们依赖的是

codepen

这个网站可以免费注册，刚注册后有一串提示，提示你怎么使用这个。具体过程下面再谈，假设你已经写好代码了，如何放到你的博客中呢？

在你的 pan 右下面，有一个小的标签 Embed ，点击后，选择 iframe 标签，然后复制里面的内容

然后将其内容放在 `` 标签之间，如

{% raw %}
<iframe height="265" style="width: 100%;" scrolling="no" title="hexo34" src="https://codepen.io/benpaodewoniu/embed/BaQmLPW?height=265&theme-id=dark&default-tab=html,result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/benpaodewoniu/pen/BaQmLPW'>hexo34</a> by 李丛
  (<a href='https://codepen.io/benpaodewoniu'>@benpaodewoniu</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
{% endraw %}