Yuhei FUJITA

GitHubの <code>README.md</code> や Pull Request で「常に表示されてると邪魔」みたいなときに使えるTips。
HTMLの <code>&lt;summary&gt;</code> と <code>&lt;details&gt;</code> を使うと、開閉可能なコンテンツを記述できる。
ポイントは <code>&lt;summary&gt;</code> の直後と <code>&lt;/details&gt;</code> の直前には空行を入れておくこと。
これを省くとMarkdownの装飾が適用されない。
<div class="code-block-container">
<div class="code-block-filename-container">markdown</div>
<pre class="language-md"><code class="language-md">&lt;details&gt;
&lt;summary&gt;ここに&lt;/summary&gt;

ここに **展開時** に表示したいコンテンツを記述する。

基本的はMarkdownはそのまま使える。

1. リスト
2. だったり

[リンク](https://example.com) だったりも利用出来る。

&lt;/details&gt;
</code></pre>
</div>

こう書くと <code>Note</code> と <code>Warning</code> の表示ができる
<div class="code-block-container">
<div class="code-block-filename-container">markdowm</div>
<pre class="language-md"><code class="language-md">&gt; **Note**
&gt; 備考になる

&gt; **Warning**
&gt; 警告になる
</code></pre>
</div><img src="https://storage.googleapis.com/zenn-user-upload/8b88e121d076-20220620.png" alt loading="lazy" class="md-img">
<a href="https://github.com/github-community/community/discussions/16925" target="_blank" rel="nofollow noopener noreferrer">[Markdown] An option to highlight a "Note" and "Warning" using blockquote (Beta) · Discussion #16925 · github-community/community</a>