DEV.to Widget 现已推出暗黑主题！以及粉色主题和海洋主题。查看 dev-widget v1.1.0 的新功能 🌻🌑🌸

用法

Codepen 演示：

链接：

几个月前，我开发了一个非官方的 DEV.to 小部件，只需两行代码就能让你在网站/博客上展示你的文章！今天，我完成了小版本的编写和部署，v1.1.0引入了一个新属性：data-theme。

在我们开始之前，新主题如下所示：

用法

要将 DEV 小部件添加到您的网站，您只需将这两行复制粘贴到您的代码中即可。

<dev-widget data-username="saurabhdaware" data-theme="pink"></dev-widget>

<!-- Place this before the end of body tag -->
<script src="https://unpkg.com/dev-widget@1.1.0/dist/card.component.min.mjs" type="module"></script>

就是这样！只需将您的 DEV.to 用户名替换为data-username！

新版本允许您添加data-theme具有以下可能值的属性default： 、pink、ocean、dark。

DEV Widget 也可作为框架和 webpack 的 NPM 模块使用，
npm install --save dev-widget
&
import 'dev-widget'

Codepen 演示：

链接：

GitHub： https://github.com/saurabhdaware/DEV-widget
NPM 注册表： https://npmjs.org/package/dev-widget
Codepen： https://codepen.io/saurabhdaware/pen/NWWbOvv
v1.1.0 变更日志： https://github.com/saurabhdaware/DEV-widget/releases/tag/v1.1.0

谢谢你的阅读🌻我最喜欢的是粉色主题🌸你喜欢哪一个？请在评论中告诉我:D

PS 现在我在 DEV.to 上有 10,000 名关注者，耶！！