blogger Markdown

Blogger ＋ Markdownで画像サイズの変更

Blogger ＋ Markdown ＋ Googleフォトで画像を扱う時のちょっと便利なテクニック。 [こちら](https://waku-take-a.blogspot.com/2018/07/usemarkdownonblogger.html)のやり方による「Blogger ＋ Markdown」では、textareaタグ内で他のhtmlタグを使うことができません。つまり、imgタグを使って簡単に画像サイズをコントロールすることができません。 しかし、Googleフォトの画像を使えば、簡単にサイズを変更できることを友人に教えてもらいました。以下で試してみます。 投稿の編集画面上の[画像を挿入] ⇒ [Googleアルバムアーカイブから]   挿入した時に取得できるhtmlタグからURLをコピーして、 ```html <a href="https://3.bp.blogspot.com/～～/s1600/lena-std.jpg" imageanchor="1" > <img border="0" src="https://3.bp.blogspot.com/～～/s1600/lena-std.jpg" data-original-width="512" data-original-height="512" /></a> ※ 見やすくするために省略・改行してますので注意してください。 ``` 以下のようにMarkdownの記法で画像を挿入することができます。 ```markdown  ※このs1600を変えます。 ``` s1600の時、  s480の時、（もしかしたらスマホだとサイズが変わらないかもしれません）  s240の時、  s120の時、（さすがに小さくなりましたよね）  これは便利。 こちらは、textareaタグ外でimgタグで書いています。 見え方は同じですね。