以下のようにして使うと、画像のようにレンダリングされる。

1
**The Cauchy-Schwarz Inequality**
2
$$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$
3

4
> **Note**
5
> 
6
> This is a note
7

8
> **Warning**
9
> 
10
> This is a warning

下のように media="(prefers-color-scheme: dark)"と指定することで、ダークモード時はこの画像。通常時はこの画像という風に出し分けができる。

1
<picture>
2
  <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/25423296/163456776-7f95b81a-f1ed-45f7-b7ab-8fa810d529fa.png">
3
  <img alt=“Shows an illustrated sun in light color mode and a moon with stars in dark color mode.” src="https://user-images.githubusercontent.com/25423296/163456779-a8556205-d0a5-45e2-ac17-42d089e3c3f8.png">
4
</picture>