javascript - 上传后我的网站无法正常运行

Question

我的网站在我的电脑上正常运行，没有错误。我在 ubuntu 和 Windows 上测试过它。看起来像 this当我在我的电脑上打开它，但在将它上传到我的主机服务后，它看起来不正常 like this

我将所有图像、bootstrap、jquery 和 css 添加到名为 source 的文件夹中。

我不知道问题出在哪里。这是我的链接。问题可能是 href，但我不确定。

更新

我尝试了你所有的解决方案(添加/其他答案和推荐)我在检查这里的元素后发现问题是

更新 2

我通过更改托管公司中所有文件夹的权限解决了第二个问题

    <link rel="shortcut icon" href="Sources/Pictures/logo4.png" type="image/ico">
    <link rel="stylesheet" href="Sources/bootstrap-3.3.7-dist/css/bootstrap-theme.css">
    <link rel="stylesheet" href="Sources/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="Sources/jquery-ui-1.12.1/jquery-ui.css">
    <link rel="stylesheet" href="Sources/jquery-ui-1.12.1/jquery-ui.structure.css">
    <link rel="stylesheet" href="Sources/jquery-ui-1.12.1/jquery-ui.theme.css">
    <link rel="stylesheet" href="Sources/Slider/demo/demo.css">
    <link rel="stylesheet" href="Sources/Slider/dist/slippry.css">
    <link rel="stylesheet" href="Sources/Style.css">

Answer 1

首先，我认为您遇到路径问题的可能性较小，因为图像显示正确但 CSS 均未“启动”。其次，混合使用 upper 和 lower 会导致问题(最好全部使用小写)，特别是在 Windows 机器(不区分 upr 和 lwr)和 Linux(区分大小写)上开发时，但我可以看到你正在Ubuntu，所以这不太可能是原因。

我过去看到的是，您的机器上忽略的错误可能会阻止页面在上传时加载 - 要检查这一点，请使用 validator在这里。

接下来，当您使用 FTP 客户端时，可能文件没有正确传输到服务器 - 登录到服务器文件管理器并查看。

接下来，在您的浏览器中查看上传的页面，如果您的浏览器正在使用页面完全上传之前的缓存版本，请使用 Ctrl+F5。

如果没问题，那么看看您是否可以在浏览器中查看每个 CSS 文件的源代码 - 我知道这很乏味，但可能有助于识别问题。

我同意早期发帖人的观点，即文件结构的表示也有助于调试 - 请让我们知道您的进展情况。谢谢。