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

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

你说你的文件夹名为“source”但在href你的文件夹名为“Sources” 试试这样：

<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">

或者像这样：

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

取决于文件夹的调用方式

Answer 2

首先，我认为你有一个路径问题的可能性较小，因为图像显示正确，但没有一个CSS在＆＃34;踢＃34;。 其次，使用上下混合可能会导致问题（更好地使用全部小写），特别是在Windows机器上开发（不区分upr和lwr）和Linux（区分大小写）但我可以看到你是在Ubuntu工作，所以这不太可能是原因。

我过去看到的是，您的计算机上忽略的错误可能会阻止上传时加载页面 - 要检查此项，请在此处使用validator。

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

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

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

我同意早先的海报，即文件结构的代表也有助于调试 - 请告诉我们你是如何进行的。 感谢。

Answer 3

确保您拥有正确的道路。 Href属性是100％区分大小写的。所以再次仔细检查你的路径。 然后，您可以使用chrome dev工具或firebug来检查它尝试获取文件的路径。

Answer 4

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

请试试这个:) - 更新 -

请发布项目树，以便我们知道您需要的部件在哪里：

1）打开CMD

2）键入以下内容导航到您的项目文件夹：cd C:\my\path\to\XAMPPorOther\htdocs\

3）然后在CMD中运行命令：tree /f > tree.txt

4）现在您将拥有所有文件夹和文件结构，以便我们可以在您的项目文件夹中检查文件“tree.txt”，请用该信息更新您的问题。