前提 : Qiitaのマークダウンで画像のリサイズは出来ない
Qiitaに画像をアップロードすると、マークダウン形式のテキストになってくれます。
執筆者としては記事を読みやすくするために適切なリサイズをしてあげたいのですが、Zenn(Qiitaのような技術系SNS)と違ってQiitaのマークダウンは画像サイズのリサイズ機能はありません。
Zennでは上記のようにマークダウン上で画像のリサイズが可能です。
imgタグを使って画像のリサイズ
仕方が無いのでimgタグを使ってリサイズすることになります。
※リサイズした画像をアップロードする方法もありますが、効率が悪いので非採用
<img src="sample.png" width=450 />
課題 : 置き換え作業がめんどい
画像を沢山アップロードした記事では、imgタグに置き換えるのが非常にめんどいです。手動作業にはオペミスが付きもので、更に時間がかかります。ただ画像の大きさを変えたいだけなのに。
という事で、本記事では少し楽をして画像の大きさ調整をする方法を紹介していきます。
条件
- 無料でやりたい
- わざわざプログラムを書いて実行したくない
テキストエディタAtomを使用します。
正規表現で一括変換
ショートカット⌘+FでFind in Buffer(検索窓)を開きます。
このように設定します。
置き換えパターン
\!\[.*\]\((.*)\)
置き換え文字列
<img src="$1" width=450 />
※450のところは適宜サイズを設定
デモ
置き換えたい文字列をエディタにコピペしてReplace Allします。
テキストをコピペする一手間はありますが、一括で置き換わって便利。
最後に
Atomでなくとも、正規表現機能をもつエディタであれば可能です。たまたま手元にAtomがインストールされていたので採用したに過ぎません。
Qiita上で正規表現を実行できるようにすれば更に効率は上がりそうですが、とりあえずエディタを通した文字列置き換えでも、かなりの効率化が図れそうです。