我使用Bootstrap
,Font 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页面时,它显示一个白色推特图标,没有做任何事情。
答案 0 :(得分:2)
从your repo开始,它似乎是一个相对文件路径问题。在index.html
中,尝试将您的CSS链接从"styles.css"
更改为"./styles.css"
。