【HTML】githubで公開したページに画像が表示されない時の対応方法

本日はgithub上で公開したWebページにおいて

使用している画像が表示されない時の対応について

書きたいと思います！！

■前提

今回の話は、自身で作ったWebページをgithubで公開した際、

ページ上で使用していた画像が表示されない場合の

解決方法について自分なりにアウトプットしたいと思います。

■解決方法

①「Upload files」コマンドから使用している画像をアップする

②　アップされた画像アドレスを取得する

取得方法：

リポジトリに記載されてるアップしたファイルの中から

画像ファイルをクリックする。

すると画像が表示されるので「右クリック」しメニューから

「画像アドレスを取得」を選択する。

③取得したリンクをHTMLの「src=""」内に記載する

もとあったimgae/×××××.jpgみたいな記述は消す。

※CSSのbackground-imageで画像を使用している際も対応方法は同じ。