conf t

インフラエンジニアのメモ

はてなブログで画像のサイズを変更する方法(Markdown環境)

Markdownでブログを書いているんですが、画像サイズの変更方法が最近になってわかったので 共有します。

画像ははてなブログの右メニューの「写真を投稿」からアップロードしています。

「写真を投稿」からアップロードした写真をダブルクリックすると、
本文に以下のようなコードで画像が挿入されます。

[f:id:xxxx:2015yyyyyyy:plain]

サイズ指定をしない場合

f:id:monaski:20150607191559p:plain

以下のように、plainの後ろに、コロンで区切ってw300とつけてあげれば、 幅が300pixelになります。

[f:id:xxxx:2015yyyyyyy:plain:w300]

w300をつけた場合

f:id:monaski:20150607191559p:plain:w300

それにしてもこういう情報が公式のヘルプ(はてなブログ ヘルプ)に載っていないなーって調べてたんですが

ドラッグで拡大縮小。見たまま編集で画像の表示サイズを簡単に変更できるようにしました - はてなブログ開発ブログ

上記ページのコメント欄にて、Markdownの場合はこれを参照せよとのことで、以下ページへのリンクがありました。

リンクを簡単に記述する(http記法、mailto記法) - はてなダイアリーのヘルプ

ここには確かにw***でサイズ調節ができるとの記載がありました。
でもこれってはてなダイアリーですよね?
はてなダイアリーはてなブログは記事の書き方は共通なんでしょうか?