我的引导网站在本地运行，但在尝试发布时无法加载 css 和图像答案

【问题标题】：My bootstrap website is working locally, but fails to load css and images when trying to publish it我的引导网站在本地运行，但在尝试发布时无法加载 css 和图像
【发布时间】：2017-01-24 17:31:52
【问题描述】：

我对这一切都很陌生，在过去的几天里，我一直在使用引导程序开发我的第一个网站。在本地，这可以正常工作，但现在，当尝试在线上时，它看起来像这样：

http://wearemanjaro.de

只是丑陋的 html，没有 css 也没有任何图像正在加载。我将上面的链接链接到 /manjarowebsitebootrap/robots/index.html 路径中的 html。 CSS（引导和自定义）位于以下目录中：/manjarowebsitebootstrap/css/...

我的 html 中的 CSS 链接如下所示：

<link rel="stylesheet" type="text/css" href="../css/custom.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">

我的 ../img 文件夹中的图像也存在同样的问题。在本地一切正常。我真的很想得到一些帮助或建议:)

【问题讨论】：

首先检查浏览器开发控制台中的请求，很可能它们会失败。然后检查您的 http 服务器错误日志文件。
能不能展示一下你的map结构，在你的html下面的map中一般看不到css文件
位置http://wearemanjaro.de/没有..文件夹。
在您的站点中，任何链接都打开相同的代码。
view-source:wearemanjaro.de/css/bootstrap.min.css 在引导程序中也打开 html 文件。

标签： html css web hosting

【解决方案1】：

您需要做的第一件事是使用绝对路径而不是相对路径。如果你的目录结构是：

-根

--文档

---doc1.php

--包括

---header.php

---footer.php

---css.css

--index.php

在您的标题中，您链接到我的 CSS 文件，如下所示：

<link href="includes/styling.css" type="text/css" rel="stylesheet" />

你需要这样做：

<link rel="stylesheet" type="text/css" href="/root/includes/css.css" />

您还需要使用 chrome 上的开发人员工具来帮助您调试这些东西。我在那里看到图像没有上传，所以一旦你能够上传它们，如果路径正确，你就会开始在网站上获取它们。

祝 Web 开发的新世界好运。:)

【讨论】：

【解决方案2】：

您的文件结构已从本地更改为在线/实时。我检查了你的页面，放置在 CDN 中的 Bootstrap 和 pow 中，样式变得生动起来。

使用下面的 CDN 替换你当前的src='' 路径为你的 html 头中的 bootstarp，看看我的意思。

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

接下来您应该采取的步骤：记下您的所有文件在服务器上的位置，您必须将所有相关文件放在服务器上，如您的代码指定的那样，即表明您有一个 CSS 文件夹。

此 HTML 文件是否位于与 CSS 文件夹相同的级别，或者此 HTML 文件是否位于其自己的文件夹中。如果不是，您的路径不需要包含 ../ 部分，您应该只使用 css/yourFileName.css

【讨论】：