ブログ記事の画像を移行に備えて効率的に管理する方法

今回はブログ記事の画像管理で私が少し考えたことのメモを書いておきます。

記事を書いた当初はどこのサーバーやサービスを使ってブログ記事を公開するか決まっていない場合に、特にややこしいのが画像の管理になります。 テキスト部分は基本的にコピーアンドテイストでうまくできますしファイルのアップロードなので簡単にできますが、画像はサーバーが変わってしまうとそれに付随するリンクは変わるなど表示されないケースが出てきてしまいます。

また何らかの都合で画像が消失してしまった場合に対応できるようなバックアップに必要だと考えています。

今回はGoogleドライブを使って画像管理をしつつ、ワードプレスなどに簡単にアップロードする方法をメモしておきます。

記事の作成は、vscodeを使って行います。VSコードの拡張機能にPaste imageがあるのでそれを使って画像をローカルの保存しながら記事を作成していきます。 記事をワードプレスにアップロードする場合にはメディアに新規アップロードがあるのでそこから保存された画像ファイルをドラッグ&ドロップします。 VSコードでマークダウンを書くときには画像が以下のように入力されています

それをWordPressにアップロードしたメディアへのパスに一括置換を使って書き換えれば画像一つ一つをコピペして貼り直せなくても記事を丸ごとWordPressなどに移行することができます。