css - GitHub 页面仅显示 html,来自具有 CSS 文件夹的网站存储库

标签 css git twitter-bootstrap github

作为我正在学习的网络开发类(class)的一部分,我定制了一些 Material 来制作我自己的网站,然后将存储库推送到 github。

但是,当我转到其各自的 github 页面时,它只显示 html,尽管我在创建它时使用了 bootstrap 和 CSS,并且可以使用 browsersync 可视化预期的完整网站显示。

谁能帮我找出我做错了什么?

这是我的网站:https://andreiadomz.github.io/omeusitenogit/index.html 在相应的存储库下方:https://github.com/Andreiadomz/omeusitenogit

最佳答案

访问为您的网站提供的链接并打开开发者工具(ctrl+shift+ictrl+alt+i)可以让您看到在 HTML 中引用许多 CSS 和 javascript 文件的方式存在问题。
第一个是您在名为“css”的文件夹中引用文件,但您存储库中的文件夹是“CSS”,这不等同。
尽管您遇到的许多问题都涉及创建网站的基本概念,因此与其尝试为每个问题提供解决方案列表,我最好的建议是以此为契机熟悉您的网站浏览器开发者工具。

注意:我还建议添加“.DS_Store”、“_MACOSX”和“npm-debug.log' 添加到你的 .gitignore 文件中,因为前两个文件是由 OSX 创建的附加文件,第三个文件是为了解决 package.json 的问题而创建的,因为它们不是创建您的网站。

关于css - GitHub 页面仅显示 html,来自具有 CSS 文件夹的网站存储库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47125461/

相关文章:

html - 如何使用按钮移动 Bootstrap 分页

html - 移动时在内容中插入边栏 (bootstrap 3)

git 存储库导出和导入到 zip 文件或文件夹

git - git是否存储文件的读、写、执行权限?

git - 如何将更改从一个分支移动到另一个分支git?

html - 每个列表项后带有外部图标的 Bootstrap 链接列表

css - 如何右对齐 Bootstrap 表单按钮?

javascript - 超链接不适用于弹出窗口

c# - 请引用 CSS 和其他与 Visual Studio c# 一起使用的简单样式方法的链接

html - 固定导航栏上的 Bootstrap Logo