githubにてCSSが反映されません

Question

現在自分用にポートフォリオを作成していましてコードを書き、GitHubにて公開したところ、CSSが反映されず理由が分かりません。
VScodeで動作確認したときには反映されていたのですが・・・

やってみたこと
①時間をおいても反映されません
②<link rel=”stylesheet” href=”style.css” />から<link rel=”stylesheet” href=”https://自分のGitHubのユーザー名.github.io/GitHubで付けたプロジェクト名/style.css”/>にパスを変更

よろしくお願いします。

Answer 1

<!--      ↓全角だめ。  ↓これも ↓これも                       引用符が無い↓ -->
<link rel=”stylesheet” href=”yyyuukki.github.io/portfolio/styles.css>
<!--                         ↑URLがおかしい -->
```↓
```HTML
<link rel="stylesheet" href="styles.css">
```or
```HTML
<link rel="stylesheet" href="https://yyyuukki.github.io/portfolio/styles.css">

Comments

[yyuuki]

ありがとうございます。
Cssのh1の文字を大きくする指示のみ反映されたのですが、待てば全部反映されますでしょうか？

[kei344]

CSSの内容に有る要素とHTMLの要素が違うので、待っていても反映されないでしょう。
（たとえば.yuki-navとかはHTMLに無い）

Answer 2

https://yyyuukki.github.io/portfolio/index.html
を見る限り、以下のようになっているので「”」がhrefやrelに入っているのが原因かと思います。

<link rel="”stylesheet”" href="”yyyuukki.github.io/portfolio/styles.css">

ただ、削除しても表示されないので
ディレクトリ構造が間違っている可能性が高そうで、以下が正解のようです

<link rel="stylesheet" href="styles.css">

Answer 3

そいつがGitの管理対象に入ってないって話なんでは

Comments

[yyuuki]

無知ですみません。
管理対象にする方法？とかってあるのでしょうか？

[y_waiwai]

そのファイルをaddしましょう

https://www.atmarkit.co.jp/ait/articles/2003/13/news031.html

[yyuuki]

ご返事ありがとうございます。ご教示いただいた内容やネットで調べてみたりしたのですが、改善しません。
色々いじってしまったのですが、最初の状態です。
URL:https://yyyuukki.github.io/portfolio/index.html
どこがおかしいのでしょうか…

[yyuuki]

ユーザー:yyyuukki