
[code]

    <link rel="stylesheet" href="https://hideto7007.github.io/portfolio/portfolio_styl.css" type="text/css">
    
[/code]

と変更しましたが、web上ではcssが反映されていません。どのようにコードを変更すれば反映されますでしょうか？  
ご教示よろしくお願いいたします。

下記リンク先にコードがあります。  
<https://github.com/hideto7007/portfolio>


CC BY-SA 4.0
2021-01-02T15:31:01.470
73030
2021-01-02T16:39:17.737
2021-01-02T16:04:10.187
3060
40847
question
css github-pages
web上へhtmlは表示されたが、cssが反映されない


index.html から見て該当の CSS はサブフォルダにあるので、

[code]

    index.html
    │
    └ portfolio/portfolio_styl.css
    
[/code]

参照すべき CSS ファイルの正しい URL は以下になるはずです。

[code]

    https://hideto7007.github.io/portfolio/portfolio/portfolio_styl.css
    
[/code]

* * *

リポジトリのデータと GitHub ページで公開した際の対応関係をよく確認してみてください。

  * <https://github.com/hideto7007/portfolio>
  * <https://hideto7007.github.io/portfolio/>

難しいようであれば、まずはサブフォルダを作らずにすべて同じフォルダ内に配置するか、  
HTML 内の記述は **相対パス** にしておいた方がよいかもしれません。

[code]

    <link rel="stylesheet" href="./portfolio/portfolio_styl.css" type="text/css">
    
[/code]


CC BY-SA 4.0
2021-01-02T16:39:17.737
73031
2021-01-02T16:39:17.737
3060
73030
answer