shuuya
@shuuya (柊也 宮田)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

github css反映されずにいます わかる方教えてください。

解決したいこと

githubでサイト公開しようとしていますがcssが反映されずに困っていますわかる方、ご教授ください。

発生している問題・エラー

Failed to load resource: the server responded with a status of 404 ()

該当するソースコード

 https://miyatashuuya.github.io/portfolio.github.io/
こちらにgithubに載せた際のサイトを公開さています。

自分で試したこと

https://tokyo-roadmap.com/css-reflected/
こちらにあるようにcss記載のところも変更し、
パソコンの再起動
キャッシュの消去
も試しました。
上記のエラーの解決がカギなのでしょうか。

0

1Answer

https://tokyo-roadmap.com/css-reflected/
こちらのページの解決策もベターではないような気もします。。。

おそらくリポジトリ名もmiyatashuuya.github.io/portfolio.github.io/となっているのは、少し変です。
miyatashuuya.github.io/portfolio のようにportfolioリポジトリにすると、直感的かと思います。)

CSSのパス指定はstyle.cssの相対パスであっています。

https://github.com/miyatashuuya/portfolio.github.io
 にstyle.cssがそもそも入っていないように思うのですが、これは確認済みでしょうか?

2Like

Comments

  1. @shuuya

    Questioner

    回答いただきありがとうございます。
    css適応の方は教えていただいたところを見たら、style.cssファイルを入れ忘れていたのと、cssファイル内での消し忘れがあったためそれら対応したところ無事反映されました。
    本当にありがとうございました。
    今現在画像の反映にとりかっかております。
    画像を反映させる上でgithubのurlで新たにcssに貼り直したにですが、それでも意図した場所に貼れず、画面の下にたくさん並んでいる状態です。
    headタグにはったり、style.cssにgithub urlを貼ったりとしているのですが、適応されません。
    原因わかったりしますでしょうか。
  2. CSSの仕組みをご自身で調べてあげてください。
    質問をする前に、どうしてそうなっているかを自分で考えることが大切だと思います。

    (たとえばですが、`<img src="https://raw.githubusercontent.com/miyatashuuya/portfolio.github.io/main/origin.webp" alt="">`とする解決方法は美しくないように感じます。 他の人がどのように指定しているか、調べてみると良さそうです。)
  3. 質問をするまえに、「質問の文章は読みやすいのか、正しいのか、情報はきちんと提示できているか、誤字脱字はないか」などもチェックすると良さそうです。
    回答者が分かりやすい回答をする可能性が高くなります。

Your answer might help someone💌