amazon-web-services - GitHub Flavored Markdown を使用して AWS S3 から画像を表示する

Question

AWS S3 バケットの画像を GitHub の問題に表示したいのですが、GitHub が提供するエイリアス ソース URL が機能しません。

私のマークダウン：

![test](https://s3-us-west-2.amazonaws.com/gitshoes/screenshot20140422-45272-isuk4x.png)

GitHub によって生成された HTML:

<img src="https://camo.githubusercontent.com/b02d0cf44d4ba89549749d299ca9fcfb50612ee7/68747470733a2f2f73332d75732d776573742d322e616d617a6f6e6177732e636f6d2f67697473686f65732f73637265656e73686f7432303134303432322d34353237322d6973756b34782e706e67" alt="test" data-canonical-src="https://s3-us-west-2.amazonaws.com/gitshoes/screenshot20140422-45272-isuk4x.png" style="max-width:100%;">

私が提供した画像の URL (data-canonical-src) は機能しますが、camo.githubusercontent.com「見つかりません」とだけ表示されます。

別のイメージ URL を使用してみましたが、問題は AWS イメージに固有のようです。バケットの AWS イメージは既に公開しているので、おそらくそれも問題ではありません。

Answer 1

コンテンツ タイプの応答ヘッダーが Content-Type: image/png に設定されていないことが原因である可能性があると思います

Chrome インスペクターを開いてネットワーク タブに移動し、画像の URL を読み込むと、応答ヘッダーに表示されます。

 Content-Type:

https://i.imgur.com/krwv2oe.jpgを見ると、応答ヘッダー content-type:image/jpeg があることがわかります

おそらく、返されるコンテンツを反映する content-type ヘッダーを返すように aws バケットを設定する必要があります。