All Articles

NetlifyCMS 複数画像を一括アップロードできない問題と対応

2019/07/26

記事作成時に画像を使いたい場合に、以下の手順で画像をアップしている。

「+ボタン」→「Image」→「Choose an image」→「Upload new」で画像を選択

が、複数枚を一括でアップロードできない。

対応としては、

Git管理しているリポジトリに直接複数の画像を該当する画像フォルダに格納してpushして反映させる

手順

1. 画像格納フォルダを確認
2. 確認したフォルダに使いたい画像を格納
3. git で反映(add -> commit -> push を実行)
4. GatsbyCMS画面の 「Media」 タブで、反映されたことを確認

※いらすとやの可愛いイラスト(人参、王様)の2つの画像を追加してみる。

2019 07 images

  1. 画像格納フォルダを確認

(1) admin/conffig.yml ファイルを開く
(2) media_folder: のパスを確認

2019 07 26 11 47 config

  1. 確認したフォルダに使いたい画像を格納

2019 07 26 11 48 before

2019 07 26 12 01 after

  1. git で反映(add -> commit -> push を実行)
  2. GatsbyCMS画面の 「Media」 タブで、反映されたことを確認

2019 07 26 12 05 24 addedimages