Q&A
imagesフォルダをそのままアップロードで良いと思うのですが、imagesフォルダ内の画像ファイルがindex.htmlと同じ階層にアップされているようです。
GitHubにHTMLとCSSと画像ファイルをアップロードしたのですが、GitHub PagesのURLクリックしても、画像読み込まれません。
まだGitHub勉強中の初心者で、ソースコード書いてあるファイルと画像ファイルを上手くアップロードして、公開する方法は、完全には理解していません。
こちらの公開してるサイトなんですが。
公開したwebサイト
画像が読み込まれません。
もしかしたらCSSも上手く反映されてないかもです。
自分じゃ分からないですが。
レスポンシブ対応もしてないので、スマホとかで見たら、めちゃくちゃデザイン崩れてしまうかもです。
画像フォルダそのままドラッグしてアップロードしたら駄目なのでしょうか？
フォルダのままドラッグしたら上手く行かないのに、画像各々ごとにアップロードしてしまいました。
こんなことしても意味ないですよね。
どうやったら、上手くいくでしょうか？
やはり、もっと詳しく書いて質問した方がいいのでしょうか？
リポジトリにファイルを追加する方法とか詳しく書いてあるサイトとかないでしょうか？
初心者すぎること聞いてすいません。
教えていただけないでしょうか？
よろしくお願いします。
同じ階層にアップしたら駄目なんですか？
その場合は、GitHubでは、どのように階層分けてアップしたらいいんでしょうか？
> フォルダのままドラッグしたら上手く行かない
この「上手く行かない」状況を説明されると良いのかもしれません。
HTMLとCSSのファイルと画像のフォルダを、パソコン上で新しいフォルダに作ってから、ドラッグしてアップロードしたら、なぜか上手く行きました。
もっとGitやGitHub勉強しないとです。
回答2件
0
HTMLとCSSのファイルと画像のフォルダを、パソコン上で新しいフォルダに作ってから、ドラッグしてアップロードしたら、なぜか上手く行きました。
もっとGitやGitHub勉強しないとです。
レスポンシブ対応もさせてないですし。
投稿2020/12/21 11:19
総合スコア15
0
Githubで確認するとルートにすべてのファイルがありますが
index.htmlの中身を見ると画像のパスがimages/担っています。
画像ファイルのパスをimagesに変更するか、ソースのimages/を取り除いてみてはどうでしょうか？
投稿2020/12/21 08:44
総合スコア1426
imagesフォルダを作って、そこに画像ファイルを入れたものを、最初アップロードしてたのですが、上手く行きませんでした。
確認ですが（コマンドラインで行っていると仮定した場合ですが）
変更後に
git add . （変更したファイルをステージングに追加）
git commit (変更点をコミット）
git push (ローカルのレポジトリをgithubにpush)
の手順は行っていますでしょうか？
sourcetreeなどを使用しているならある程度自動化していると思われますが。
まだgit勉強したばかりで慣れてないため、ファイルをGithubのWebページにドラッグして持って行って、アップロードの方法でしました。
試したことがなかったのでちょっと確認してみましたが、ディレクトリまるごとドラッグしたところディレクトリを生成した上でその中にファイルもアップロードされましたね。
imagesディレクトリをもう一度アップロードしてみてください。
しましたが、やはり画像が表示されません。
あなたの回答
tips
プレビュー
