Question

我正在制作我的第一个网站。但是，我遇到了问题

显示我的.jpg图像和我的简历下载PDF。我有四重检查

我的路径是正确的，但似乎他们仍然没有出现。

我使用githubs免费虚拟主机，托管我的个人网站..（www.kennyellis.me）

我的形象

<span class="avatar"><img src="/Users/newuser/Dropbox/MyWebsite/Website/imagesnewselfie.jpg" 
alt="" /> </imagespan>

我的PDF

<li><a href= "/Users/newuser/Dropbox/MyWebsite/Website/resume_final.pdf" 
download="resume_final.pdf" class="fa fa-file-pdf-o" aria-hidden="true"></a></li>

任何人都可以看到我的代码出现任何问题吗？我检查了我的jpg

image和我的pdf并直接将代码复制到我的html文件中，但是，

pdf下载说没有文件，图片也没有显示..是的，我有

测试以确保我使用和编辑正确的html文件..我写了发言

＆＃34;你好＆＃34;在我的html文件的顶部，当我将它推送到github时，＆＃34; Hello＆＃34;

显示在我网站的顶部。

谢谢你

Answer 1

将img标记上的路径更改为指向：

http://kennyellis.me/newselfie.jpg

像这样：

<img src="/newselfie.jpg" alt="My photo">

对你的简历做同样的事情 - 删除路径。

您在问题中的路径可能来自您当地的开发环境。构建页面时，请使用相对URL，以便在将页面放置在其他服务器上后页面可以正常工作。

例如 - 如果我们有一个名为my-image的文件：

/var/www/html/example.com/images/my-image.jpg

在HTML中，您可以这样引用它：

<img src="/var/www/html/example.com/images/my-image.jpg" alt="My image">

如果它总是由使用file：//（不是服务器）的HTML页面传递，那就没问题了。

如果你有像Apache这样的服务器，你可以使用类似的东西：

<img src="images/my-image.jpg" alt="My image">

这告诉浏览器查看加载页面的目录下的images目录。

如果添加前导斜杠，例如：

<img src="/images/my-image.jpg" alt="My image">

浏览器将从文档根目录开始路径，无论页面加载的是哪个目录。

Answer 2

你能发送你网页的完整代码吗？

从我正在看的内容，只是快速观察路径可能是错误的，或者尚未上传到服务器。（一个常见的错误）。但是为了以防万一，我希望看到完整的页面代码。

干杯， Xrhaps

HTML路径问题

2 个答案: