記事中の画像が見えない

このWordpressのサイトは、勉強もかねて、作成するWordPressをwgetで性的なファイルに保存し、その後、S3にアップロードし、CloudFrontで表示させています。

CloudFrontに上げた記事で画像が見れないということが起こってしまいました。オリジナルのWordpressサイトはSecurytGroupで特定のIPアドレスからしか見えないようになっていて、うまく機能していました。

CloudFront経由のとき、見えないところのソースを読むと、imgタグのファイルの中にsersetの中にオリジナルのWordpressのリンクがあり、そこで失敗していることをつかみました。

WordPress側でSersetを設定しないように編集しようかと思ったのですが、Wordpress4.4からの機能で、必要なんだろうとばっくり理解しました。S3のイメージファイルホルダにはリサイズされたファイルも保存されているので、wgetで取得したファイルから、オリジナルのURLを削除して、相対パスかさせました。

Linuxのコマンドで、findとsedコマンドを組み合わせればできることがわかりました。最終的には下記のようにしました。

find ./ -name '*.html' | xargs sed -i "s/http:\/\/URL\///g"

いろいろやり方があると思いますが、通ったので良かったです。

多分、下の記事も同様に解決できていると思いますが、記事にはアイキャッチ画はいらないのでそのままにします。

https://mirai006.com/index.html@p=747.html