CDN を使用して Tailwind CSS にダークモード切り替えを追加する方法

Question

JavaScript は初めてです。最近、TailwindCss を使い始めました。これをブログのテンプレートに追加したいと思います。しかし、TailwindCss にダークモード切り替えボタンを追加する方法がわかりません。 TailwindCss にダーク モード トグル ボタンを追加するにはどうすればよいですか。注: ブログ プラットフォームを使用しているため、ネイティブ ライブラリから追加することはできません。したがって、CDNを使用します。 <linkhref="https://cdn.jsdelivr.net/npm/t

P粉940538947 · Answer

以下のコードのリンクを確認してください。お役に立てば幸いです。組み込みのダークモードトグルを提供する flowbite と呼ばれる Tailwind のライブラリを使用して、適用できるようにしました。

このリンクを参照してください: https://codesandbox.io/embed/fervent-fast-6v9fn5?autoresize=1&fontsize=14&hidenavigation=1&theme=dark

次のドキュメントも参照できます: https://flowbite.com/docs/customize/dark-mode/

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル