Markdown 記法のテスト

<html><head></head><body><div class="toc-wrapper"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-3oqi0tvg7h" checked><label class="toc-title" for="toc-checkbox-3oqi0tvg7h">目次</label><nav class="toc"><ol class="toc-level toc-level-1"><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#jsfiddle">jsFiddle</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#codepen">CodePen</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#codesandbox">CodeSandbox</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#stackblitz">StackBlitz</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#twitter">Twitter</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#youtube">YouTube</a></li></ol></nav></div><p>投稿内に埋め込まれたURLの動作テスト</p>
<hr>
<h2 id="jsfiddle">jsFiddle<a aria-hidden="true" tabindex="-1" href="#jsfiddle"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<div class="embed-jsfiddle" style="width:100%;padding-bottom:56.25%;height:0;position:relative"><iframe src="https://jsfiddle.net/Technote/3upmsz2y/2/embedded/" style="position:absolute;top:0;left:0;width:100%;height:100%" scrolling="no" frameborder="no" allowfullscreen loading="lazy"></iframe></div>
<h2 id="codepen">CodePen<a aria-hidden="true" tabindex="-1" href="#codepen"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<div class="embed-codepen" style="width:100%;padding-bottom:56.25%;height:0;position:relative"><iframe src="https://codepen.io/technote-space/embed/NWgLZRY?embed-version=2" style="position:absolute;top:0;left:0;width:100%;height:100%" scrolling="no" frameborder="no" allowfullscreen loading="lazy"></iframe></div>
<h2 id="codesandbox">CodeSandbox<a aria-hidden="true" tabindex="-1" href="#codesandbox"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<div class="embed-codesandbox" style="width:100%;padding-bottom:56.25%;height:0;position:relative"><iframe src="https://codesandbox.io/embed/keen-roman-kpz43?fontsize=14&#x26;hidenavigation=1&#x26;theme=dark" style="position:absolute;top:0;left:0;width:100%;height:100%" scrolling="no" frameborder="no" allowfullscreen loading="lazy" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe></div>
<h2 id="stackblitz">StackBlitz<a aria-hidden="true" tabindex="-1" href="#stackblitz"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<div class="embed-stackblitz" style="width:100%;padding-bottom:56.25%;height:0;position:relative"><iframe src="https://stackblitz.com/edit/js-fkebjy?file=index.js&#x26;embed=1" style="position:absolute;top:0;left:0;width:100%;height:100%" scrolling="no" frameborder="no" allowfullscreen loading="lazy"></iframe></div>
<h2 id="twitter">Twitter<a aria-hidden="true" tabindex="-1" href="#twitter"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<div class="embed-tweet"><blockquote class="twitter-tweet" style="display:none"><a href="https://twitter.com/nishishi/status/849813577770778624"></a></blockquote></div>
<h2 id="youtube">YouTube<a aria-hidden="true" tabindex="-1" href="#youtube"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<div class="blog-card"><iframe src="https://blog-card-ten.vercel.app/card/https%3A%2F%2Fwww.youtube.com%2Fwatch?id=blog-card-v49cq1ndnd&#x26;referrer=https%3A%2F%2Ftechnote.space%2Fposts%2Fmarkdown-2021-09-24-test-embedded-links%2F" frameborder="0" scrolling="no" loading="lazy" data-id="blog-card-v49cq1ndnd"></iframe></div>
<div class="embed-youtube" style="width:100%;padding-bottom:56.25%;height:0;position:relative"><iframe src="https://www.youtube.com/embed/dHXC_ahjtEE?loop=1&#x26;playlist=dHXC_ahjtEE" style="position:absolute;top:0;left:0;width:100%;height:100%" allowfullscreen loading="lazy"></iframe></div></body></html>