如何在我的 raspberry pi 运行 Apache 上部署这些？

Question

我在线传输一个pdf文件到HTML，我下载了一个文件，其中包含四个文件：xxxxx.htm、image.jpg、xxxxx.pdf和一个文件夹名为 xxxxx_images，其中包含一张名为 xxxxx1*1.jpg 的图片。

如果我只将 HTML 放入树莓派，PDF 图片不会显示。那么我应该把图片放在哪里呢？该网站存储在 /var/www/index.html.

这是代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>    
    <HEAD>
        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <META http-equiv="X-UA-Compatible" content="IE=8">
        <TITLE>Created by BCL easyConverter SDK 3 (HTML Version)</TITLE>
        <STYLE type="text/css">
            body {
                margin-top: 0px;
                margin-left: 0px;
            }
            #page_1 {
                position:relative;
                overflow: hidden;
                margin: 130px 0px 793px 80px;
                padding: 0px;
                border: none;
                width: 714px;
            }
            #page_1 #dimg1 {
                position:absolute;
                top:8px;
                left:0px;
                z-index:-1;
                width:47px;
                height:14px;
                font-size: 1px;
                line-height:nHeight;
            }
            #page_1 #dimg1 #img1 {
                width:47px;
                height:14px;
            }
            .ft0 {
                font: 19px'Arial';
                color: #606060;
                line-height: 22px;
            }
            .ft1 {
                font: 11px'Arial';
                line-height: 14px;
            }
            .ft2 {
                font: 13px'Arial';
                line-height: 16px;
            }
            .p0 {
                text-align: left;
                padding-left: 67px;
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .p1 {
                text-align: left;
                padding-left: 67px;
                margin-top: 25px;
                margin-bottom: 0px;
            }
            .p2 {
                text-align: left;
                padding-left: 67px;
                margin-top: 59px;
                margin-bottom: 0px;
            }
            .p3 {
                text-align: left;
                padding-left: 67px;
                margin-top: 42px;
                margin-bottom: 0px;
            }
        </STYLE>
    </HEAD>

    <BODY>
        <DIV id="page_1">
            <DIV id="dimg1">
                <IMG src="Hello%20World_images/Hello%20World1x1.jpg" id="img1">
            </DIV>
            <P class="p0 ft0">Hello world</P>
            <P class="p1 ft1">
                <NOBR>123-456-7890</NOBR>no_reply@example.com</P>
            <P class="p2 ft0">Hello world</P>
            <P class="p3 ft2">This is a pdf ﬁle for test.</P>
        </DIV>
    </BODY>
</HTML>

Answer 1

您的图片路径可能不正确。您的 HTML 代码指定了具有相对路径的 img：Hello%20World_images/Hello%20World1x1.jpg，但您的问题表明您有：

a file called xxxxx_images which contains a picture called xxxxx1*1.jpg.

我不确定那是什么意思，但请确保您的图片位于 HTML 指定的位置，或者编辑 img 标签的 src 属性以匹配实际文件位置。

如何在我的 raspberry pi 运行 Apache 上部署这些？

How deploy these on my raspberry pi running Apache?

html

apache

web

raspberry-pi