テーマを使用する

Slidevのテーマを変更するのは驚くほど簡単です。フロントマターにtheme:フィールドを追加するだけです。

---
theme: seriph
---

サーバーを起動すると、テーマの自動インストールを促すメッセージが表示されます。

? The theme "@slidev/theme-seriph" was not found in your project, do you want to install it now? › (Y/n)

あるいは以下の方法で手動でテーマをインストールします

$ npm install @slidev/theme-seriph

以上、新しいテーマをお楽しみください。各テーマの使い方の詳細については、テーマのREADMEを参照してください。

あなたのテーマを共有したいですか?テーマを作成するを参照してください。

テーマの取り出し

現在のテーマを完全に制御したい場合は、ローカルファイルシステム上に取り出しして好きなように変更することができます。次のコマンドを実行します。

$ slidev theme eject

現在使用しているテーマを./themeに出力し、フロントマターを次のように変更します。

---
theme: ./theme
---

また、これは既存のテーマをベースにテーマを作成するのに参考になります。その際は、元のテーマと作者について言及することを忘れないでください 😃

ローカルテーマ

前のセクションでおわかりのように、プロジェクトにローカルテーマを指定することができます。themeフィールドに相対パスを指定します。

---
theme: ./path/to/theme
---

詳細はテーマを作成するを参照してください。