softoika

<p>IssueやPull Requestなどで、GitHub上のmarkdown記法を少し変わった使い方をすることで、GitHubに用意されていない機能(見た目、振る舞い)を実現するパターンをまとめる</p>


<h2 id="%E7%94%BB%E5%83%8F%E3%81%AB%E6%9E%A0%E7%B7%9A%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B">
<a class="header-anchor-link" href="#%E7%94%BB%E5%83%8F%E3%81%AB%E6%9E%A0%E7%B7%9A%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B" aria-hidden="true"></a> 画像に枠線を付ける</h2>
<p>画面のスクリーンショットなど白背景の画像を貼り付けるときに有用<br>
例:</p>
<div class="code-block-container"><pre class="language-md"><code class="language-md">| <span class="token url"><span class="token operator">!</span>[<span class="token content">画像</span>](<span class="token url">https://hogehoge</span>)</span> |
|---|
</code></pre></div><p>サンプル:<br>
解説:</p>


<p>これの応用で画像を横に並べて見せたり、キャプションを割り当てることにも使える</p>


<h2 id="%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E5%88%A5%E3%82%BF%E3%83%96%E3%81%A7%E9%96%8B%E3%81%8F%E3%82%82%E3%81%AE%E3%81%AB%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E5%88%A5%E3%82%BF%E3%83%96%E3%81%A7%E9%96%8B%E3%81%8F%E3%82%82%E3%81%AE%E3%81%AB%E3%81%99%E3%82%8B" aria-hidden="true"></a> リンクを別タブで開くものにする</h2>
<p>GitHubのリンクは同じタブでページ遷移してしまうので、意図的に別タブに飛ばせたい場合に有用<br>
例:</p>
<div class="code-block-container"><pre class="language-md"><code class="language-md"><span class="token url"><span class="token operator">!</span>[<span class="token content">リンクのタイトル</span>](<span class="token url">https://hogehoge</span>)</span>
</code></pre></div><p>サンプル:<br>
解説:</p>
