Tailwind CSS中如何使用CDN添加暗黑模式切换

Question

我是JavaScript的新手。最近我开始使用Tailwind Css。现在我想把它添加到我的博客模板中。但是我不知道如何在Tailwind Css中添加一个暗模式切换按钮。我应该如何在Tailwind Css中添加一个暗模式切换按钮。

注意：由于我使用的是博客平台，所以无法从本地库中添加。因此我使用CDN。

<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.15/dist/tailwind.min.css" rel="stylesheet">

我是否需要其他CDN？或者JavaScript代码？

Answer 1

请检查下面的代码链接，希望对您有用。我们使用了Tailwind的库，名为flowbite，它提供了一个内置的暗模式切换开关，因此我们可以应用它。

请参考此链接：https://codesandbox.io/embed/fervent-fast-6v9fn5?autoresize=1&fontsize=14&hidenavigation=1&theme=dark

您还可以参考此文档：https://flowbite.com/docs/customize/dark-mode/