问题描述
距离完成我的网站如此之近。 无法在我的一生中将资产加载到网页上。它们在本地主机上运行良好。 尝试过 URL 和 baseurl 的每种组合的感觉。 一整天都在研究它,我想把头发撕掉。
代码:https://github.com/debrincat/dd_blog.git
网站:https://debrincat.github.io/dd_blog/
解决方法
图片无法正常工作,因为图片位置不正确。
在包括Error 404
页面在内的大多数地方,链接是错误的,如:<a class="logo__link" href="deandebrincat/">Dean DeBrincat</a>
相反,您应该使用,<a class="logo__link" href="/">Dean DeBrincat</a>
对于图片:
使用<img src="/images/04-1.jpg" alt="Page not found">
代替<img src="deandebrincat/images/04-1.jpg" alt="Page not found">
问题在于您的图片所在的位置:
https://debrincat.github.io/dd_blog/images/p1.jpg
HTML 指向的位置:
https://debrincat.github.io/dd_blog//images/p1.jpg
要解决此问题,您需要将每个图像更改为指向“images/p1.jpg”而不是“/p1/kitty.jpg”。
当你在链接前加上“/”时,表示绝对路径,即项目最高目录中的路径。 你要的是相对路径,所以我们删除了第一个/。
html 中的错误:
<img src="/images/p1.jpg" alt="Dean DeBrincat's Picture">
您可以通过在浏览器中按 F12 并点击 console