html - 我的 bootstrap 网站在本地运行，但在尝试发布时无法加载 css 和图像

Question

我对这一切还很陌生，在过去的几天里，我一直在使用 bootstrap 开发我的第一个网站。在本地，这工作正常，但现在，当尝试将其联机时，它看起来像这样:

http://wearemanjaro.de

只有丑陋的 html，没有 css 也没有加载任何图像。我将上面的链接链接到/manjarowwebsitebootrap/robots/index.html 路径中的 html。 CSS( Bootstrap 和自定义)位于以下目录中:/manjarowwebsitebootstrap/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 文件夹中的图像也有同样的问题。在本地一切正常。我真的很想得到一些帮助或建议:)

Answer 1

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

-root
--docs
---doc1.php

--includes
---header.php
---footer.php
---css.css

--index.php

在您的 header 中，您可以像这样链接到我的 CSS 文件:

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

你需要这样做:

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

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

祝网络开发新世界好运。:)