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/

#