Tailwind CSS中如何使用CDN添加暗黑模式切換
P粉817354783
2023-08-29 20:17:50
<p>我是JavaScript的新手。最近我開始使用Tailwind Css。現在我想把它添加到我的部落格模板中。但是我不知道如何在Tailwind Css中新增一個暗模式切換按鈕。我應該如何在Tailwind Css中新增一個暗模式切換按鈕。 </p>
<p>注意：由於我使用的是部落格平台，所以無法從本地庫中新增。因此我使用CDN。 </p>
<pre class="brush:php;toolbar:false;"><link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.15/dist/tailwind.min.css" rel="stylesheet"></pre>
<p>我是否需要其他CDN？或JavaScript程式碼？ </p>
請檢查下面的程式碼鏈接，希望對您有用。我們使用了Tailwind的庫，名為flowbite，它提供了一個內建的暗模式切換開關，因此我們可以應用它。
請參考此連結：https://codesandbox.io/embed/fervent-fast-6v9fn5?autoresize=1&fontsize=14&hidenavigation=1&theme=dark
#您也可以參考此文件：https://flowbite.com/docs/customize/dark-mode/
#