今週のお題「下書き供養」 - つれづれなる備忘録

f:id:ATATAT:20210410111210p:plain:w600

今週のお題は「下書き供養」。実は、書きかけで眠っている記事というのはほとんどなくて、唯一はてなブログをMarkdown編集で書き始めたときのMarkdown編集のコードやはてな記法、HTMLスクリプトなど自分用のテストとして残しているものがある。ということでMarkdown編集に使えるテストコードを下書き放出したいと思う。

Ｍarkdown編集テストコード

### 大見出し
#### 中見出し
##### 小見出し
標準

<b>太字</b>　<i>斜体</i>　<u>アンダーライン</u>　<span style="color: #ff0000">赤</span>

埋め込み
[https://www.hatena.ne.jp/:embed:cite]
URL表示
[https://www.hatena.ne.jp/]
> 引用
((ここに脚注を書きます))

コマンド ` pinMode(LED_BUILTIN,OUTPUT);`

~~取り消し線~~

数式Tex

[tex:x+y=z]

[tex:x^ n+y^ n=z^ n]

[tex: a=\cos^ 2\theta]

[tex: \displaystyle{f(x)=\frac{\sin x}{x}}]

<span style="font-size: 200%">&int;</span><sub>a</sub><sup>b</sup>

<div>
<span style="position:relative;content: '';top: 100%;left: 0 ;border: none;border-bottom: solid 15px transparent;border-right: solid 20px rgb(149, 158, 155);"><span style="position: relative;left:10px;padding: 0.5em;background: #a6d3c8;color: white;">美しい見出し</span></span>
</div>
<br>

<span style="position: relative;content: '';border: none;border-bottom: solid 15px transparent;border-right: solid 20px rgb(149, 158, 155);"></span>
<span style="position: relative;left:-20px;top:-8px;padding: 0.5em;background: #a6d3c8;color: white;">美しい見出し!!!!!!!!!!</span></span>
<br><br>
<span style="position: relative;content: '';border: none;border-bottom: solid 15px transparent;border-right: solid 20px rgb(149, 158, 155);"></span>
<span style="position: relative;left:-1.2em;top:-0.5em;padding: 0.5em;background: #a6d3c8;color: white;">美しい見出し!!!!!!!!!!</span></span>
<br><br>


<span style="font-size:3em;text-align:center;line-height:0.95em;font-weight:bold;color: #FF6F00;text-shadow:0 0.01em 0 #999,0 0.02em 0 #888,0 0.03em 0 #777,0 0.04em 0 #666,0 0.05em 0 #555,0 0.06em 0 #444,0 0.08em 0 #000;">TEST</span>



[https://gilbert.ninja-web.net/math/mathjax3.html:title]

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [ ['$','$'], ['\\(','\\)'] ],
    processEscapes: true
  },
  TeX: {
    extensions: ["mhchem.js"]
  },
  CommonHTML: {
    matchFontHeight: false
  }
});
</script>
<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_CHTML">
</script>

$\ce{H2O}$

$\ce{[Cu(NH3)4]^2+}$

$\ce{Ag+ + Cl- -> AgCl v}$