メインコンテンツまでスキップ

marp test.md --pdf --allow-local-files

marp test.md --html

Example Image




''' import LineBreak from '@site/src/components/LineBreak';






'''

Markdown + React テスト

これは通常の Markdown ですが、カスタムコンポーネントも使えます。

Customボタン​

これはカスタムReactコンポーネントです！

これは警告ボックス

これは警告メッセージです！

インラインReact

これは普通のMarkdown。

これはインラインで書いたReactコンポーネントです。

改行を挿入するタブ

この下に改行が入ります。

ここが改行後のテキストです。


改行を挿入

これは最初の段落です。



これは2行分の改行後のテキストです。




これは3行分の改行後のテキストです。


あ い

う

え

お


か






き

「リッチコンテンツ」構文

1. tip（ヒント）​

ユーザーに有用な情報を伝えるために使います。

:::tip
これはヒントです！重要な情報を忘れないようにしましょう。
:::
ヒント

これはヒントです！重要な情報を忘れないようにしましょう。

  • 表示例: 通常、目立つ背景色で囲まれたメッセージとして表示されます。

2. warning（警告）​

注意を引くために使います。

:::warning
警告！この操作は取り消せません。
:::
警告

警告！この操作は取り消せません。

  • 表示例: 警告色（赤やオレンジなど）で囲まれ、注意喚起がなされます。

3. danger（エラー）​

危険な行動に対して使います。

:::danger
エラー！このコードは間違っているかもしれません。
:::
危険

エラー！このコードは間違っているかもしれません。

  • 表示例: エラーメッセージとして強調されます。

4. note（ノート）​

補足的な情報を提供するために使用します。

:::note
これは追加情報です。プロジェクトの設定に役立ちます。
:::
注記

これは追加情報です。プロジェクトの設定に役立ちます。

  • 表示例: 通常、控えめな背景色で表示されます。

5. info（情報）​

情報を提供するために使います。

:::info
このリソースは定期的に更新されますので、チェックしておいてください。
:::
備考

このリソースは定期的に更新されますので、チェックしておいてください。

  • 表示例: 通常、情報のメッセージとして目立たないスタイルで表示されます。

6. custom（カスタムスタイル）​

カスタムクラスを使って自分好みのスタイルを作成できます。

Custom Block Example

ここにカスタムブロックの内容を書きます。このコンテンツはスタイルが適用されます。