GitHub Pages不加载CSS

时间:2018-05-18 19:55:29

标签: html css github-pages

我使用BootstrapFont Awesome Icons和我自己的造型制作我的个人网站。

当我在本地运行我的网站时,它似乎工作正常,但当我将更改推送到我的存储库时,CSS无法正常工作。

示例代码:

<a href="https://twitter.com/amvro_" target="_blank"><i class="fab fa-twitter" style="font-size:40px; color:#2AA3EF" target="_blank"></i></a>

例如,这是一个简单的蓝色按钮,使用字体真棒和一些样式。 当我运行它时,它显示一个蓝色按钮,当我指针悬停按钮时,它的不透明度变为70%而不是100%,但是当我将它推到gh页面时,它显示一个白色推特图标,没有做任何事情。

Github Repository

1 个答案:

答案 0 :(得分:2)

your repo开始,它似乎是一个相对文件路径问题。在index.html中,尝试将您的CSS链接从"styles.css"更改为"./styles.css"