通过 Github repo 将站点部署到 Netlify 时出现“页面未找到”答案

【问题标题】："Page Not Found" upon deploying site to Netlify via Github repo通过 Github repo 将站点部署到 Netlify 时出现“页面未找到”
【发布时间】：2019-05-31 11:16:45
【问题描述】：

我是 Web 开发的初学者，正在尝试通过 Netlify 部署我的第一个站点。尽管我的网站在从我的本地计算机上显示时工作正常，但在导航到我的网站的 URL 时出现以下错误：

页面未找到
您似乎点击了一个损坏的链接或输入了该网站上不存在的网址。

返回我们的网站

由于我的页面在我的本地机器上正常运行，我相信错误出在我的 Github 存储库和/或我的部署设置中。这是我的仓库：

https://github.com/Cotton0419/TestSite

还有我的部署设置：

存储库：github.com/Cotton0419/TestSite
基目录：acme
构建命令：未设置
发布目录：acme/disp
部署日志可见性：日志是公开的

任何帮助将不胜感激，如果需要，我可以补充更多信息。

【问题讨论】：

标签： html css github netlify

【解决方案1】：

Netlify 上的Base directory 仅由构建环境用于引用您的代码库（如果未给出，则默认为存储库的根目录）。

Publish directory 将相对于基本目录。所以在你的情况下disp 或acme/disp 如果使用默认值。

您在已发布路径中不存在的位置引用资产，因此它们不会存在于您的 CDN 部署中。

<link rel="stylesheet" href="../css/style.css">

您应该将您的资产移动到您的 deploy disp 文件夹中，并将正确的路径编辑到您的代码文件中。

【讨论】：

所以这很完美，但只有当 .css .html 和 .jpgs 直接在 disp 文件夹中时。当它们在各自的文件夹中（都在 disp 文件夹中）时，它不起作用，就像我最初拥有它们一样。有没有办法解决这个问题，还是必须这样？非常感谢！
将disp 文件夹视为您网站的根目录。只要对这些资产的引用也正确更改，您就可以将资产放在该位置下的任何级别。因此，将 css 放入 disp/css/style.css 并确保引用相对于 /css/style.css 位置。

【解决方案2】：

我今天遇到了类似的问题。我决定上传我不久前制作的旧作品集。然后由于某种原因在 Netlify 上运行 URL 后，什么也没发生。唯一出现的是和你类似的提示 -

找不到页面

您似乎点击了一个损坏的链接或输入了该网站上不存在的 URL。

返回我们的网站

重新访问 HTML 和 CSS 文件后，我意识到我已将 HTML 文件的标题设置为 porfolio.html 而不是 index.html 这解决了我的问题！

【讨论】：