質問編集履歴

3 追記

退会済みユーザー

退会済みユーザー

2019/05/16 21:41  投稿

Githubにて、画像が読み込まれない理由と解決策を知りたい
環境:MacBook 
Githubに、HTMLとCSSと画像ファイルをアップロードしたのですが、
Settingsの中のGitHub Pages の一番上にある URLをクリックすると、
HTML、CSSは反映されているのですが、画像が一つも反映されません。
一応Progateの指示通りやったのですが、何故画像だけが表示されないのかわかりません。
元々はAtomエディタで既に作成済みの、
HTMLファイルとCSSファイルです。(ブラウザでは反映されるので、imgのパスは間違っていません)
Atomのツリービューはコチラ↓
![イメージ説明](5caafd068b117658f6e27df2744bf117.png)
### 行った手順
①Githubのアカウント作成後、リポジトリを追加
②READMEをクリック→Commit new file
③Create new file でhtmlのコードを貼り付け
④同様の手順でcssのコードを貼り付け
⑤Upload filesより、Atomエディタの中のimgフォルダの中身を全てアップロード
何が原因でしょうか?どうすれば画像が反映されるのでしょうか?
そもそもGithubの仕様をイマイチ理解してないのかもわかりませんが、
ただ画像をアップロードするだけではダメなのでしょうか?
以上、よろしくお願いします。
※5/14追記 **__10000文字以内でないとテラテイルでは記載できない為__**、html/cssのコードを貼り付けることはできませんでした。
また、HTMLファイル、CSSファイル(2つ)、画像ファイル(多数)がアップロードされた事がわかるスクショはコチラです。↓その他情報が必要な場合は言って頂けますと幸いです。
HTMLファイル1つと、CSSファイル2つ、画像はAtomのimgフォルダからドラックしただけです。
![イメージ説明](9f1d8ef288361c7d91ec660b6dfb0de8.png)
![イメージ説明](8aa12bdb1d806518c5dab8cb14b914ef.png)
![イメージ説明](b807eb7affaab8d13f63f26cf524fdbf.png)
なぜ反映されないのですか??
なぜ反映されないのですか??
※5/16追記 未だに解決されないのですが、
単純に何をどうするのかわかる方いますか?
要は、ただgithubでAtomに入っているファイルを表示させたいだけです。(その"ただ"ができないのですが)
URLはコチラになります。
https://github.com/yuki6001/yuki6001.github.io
よろしくお願いします。
  • CSS

    12225 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • GitHub

    1685 questions

    GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

  • HTML5

    7743 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

2 画像追加

退会済みユーザー

退会済みユーザー

2019/05/14 01:43  投稿

Githubにて、画像が読み込まれない理由と解決策を知りたい
環境:MacBook 
Githubに、HTMLとCSSと画像ファイルをアップロードしたのですが、
Settingsの中のGitHub Pages の一番上にある URLをクリックすると、
HTML、CSSは反映されているのですが、画像が一つも反映されません。
一応Progateの指示通りやったのですが、何故画像だけが表示されないのかわかりません。
元々はAtomエディタで既に作成済みの、
HTMLファイルとCSSファイルです。(ブラウザでは反映されるので、imgのパスは間違っていません)
Atomのツリービューはコチラ↓
![イメージ説明](5caafd068b117658f6e27df2744bf117.png)
### 行った手順
①Githubのアカウント作成後、リポジトリを追加
②READMEをクリック→Commit new file
③Create new file でhtmlのコードを貼り付け
④同様の手順でcssのコードを貼り付け
⑤Upload filesより、Atomエディタの中のimgフォルダの中身を全てアップロード
何が原因でしょうか?どうすれば画像が反映されるのでしょうか?
そもそもGithubの仕様をイマイチ理解してないのかもわかりませんが、
ただ画像をアップロードするだけではダメなのでしょうか?
以上、よろしくお願いします。
※5/14追記 10000文字以内でないとテラテイルでは記載できない為、htmlcssを貼り付けることはできませんでした。
※5/14追記 **__10000文字以内でないとテラテイルでは記載できない為__**、html/cssのコードを貼り付けることはできませんでした。
また、HTMLファイル、CSSファイル(2つ)、画像ファイル(多数)がアップロードされた事がわかるスクショはコチラです。↓その他情報が必要な場合は言って頂けますと幸いです。
HTMLファイル1つと、CSSファイル2つ、画像はAtomのimgフォルダからドラックしただけです。
![イメージ説明](9f1d8ef288361c7d91ec660b6dfb0de8.png)
![イメージ説明](8aa12bdb1d806518c5dab8cb14b914ef.png)
![イメージ説明](b807eb7affaab8d13f63f26cf524fdbf.png)
なぜ反映されないのですか??
  • CSS

    12225 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • GitHub

    1685 questions

    GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

  • HTML5

    7743 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

1 追記

退会済みユーザー

退会済みユーザー

2019/05/14 01:29  投稿

Githubにて、画像が読み込まれない理由と解決策を知りたい
環境:MacBook 
Githubに、HTMLとCSSと画像ファイルをアップロードしたのですが、
Settingsの中のGitHub Pages の一番上にある URLをクリックすると、
HTML、CSSは反映されているのですが、画像が一つも反映されません。
一応Progateの指示通りやったのですが、何故画像だけが表示されないのかわかりません。
元々はAtomエディタで既に作成済みの、
HTMLファイルとCSSファイルです。(ブラウザでは反映されるので、imgのパスは間違っていません)
Atomのツリービューはコチラ↓
![イメージ説明](5caafd068b117658f6e27df2744bf117.png)
### 行った手順
①Githubのアカウント作成後、リポジトリを追加
②READMEをクリック→Commit new file
③Create new file でhtmlのコードを貼り付け
④同様の手順でcssのコードを貼り付け
⑤Upload filesより、Atomエディタの中のimgフォルダの中身を全てアップロード
何が原因でしょうか?どうすれば画像が反映されるのでしょうか?
そもそもGithubの仕様をイマイチ理解してないのかもわかりませんが、
ただ画像をアップロードするだけではダメなのでしょうか?
以上、よろしくお願いします。
以上、よろしくお願いします。
※5/14追記 10000文字以内でないとテラテイルでは記載できない為、htmlcssを貼り付けることはできませんでした。
  • CSS

    12225 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • GitHub

    1685 questions

    GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

  • HTML5

    7743 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る