はてなブログ×Markdown記法の画像関連の話

カスタマイズ

はてなブログを使ってて調べたことをメモっていく

画像の大きさの指定

はてなブログの画像は、記事編集画面の右メニューでアップロード・埋め込みができますが、
UIでは、大きさの指定ができなかったので、メモしておく

デフォルトでは、以下のようなリンクが挿入される

[f:id:xxxx:yyyymmddss:plain]

画像サイズの指定は以下のようにする

ex) width=200 の場合

[f:id:xxxx:yyyymmddss:plain:w200]

f:id:taberu_salad:20190811011705p:plain:w200

ex) height=300 の場合

[f:id:xxxx:yyyymmddss:plain:h300]

f:id:taberu_salad:20190811011705p:plain:h300

さらに、:smallなどでも指定できるようです

ex):small

f:id:taberu_salad:20190811011705p:image:small

画像の場所の指定

右揃え、左揃えなどの指定

ex) 右揃えの場合

[f:id:xxxx:yyyymmddss:plain:image:right]

f:id:taberu_salad:20190811011705p:image:right

参考

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

コメント

タイトルとURLをコピーしました