如何在Squarespace网站中编码外部图像和图标？

Posted 2021-04-12

enter image description here我在正方形空间上通过html编码的图标和图像未显示。我唯一看到的是缩略图图标，但没有图像。另外，.svg格式的图标也是如此。

<section id="collaborate-services-2">
            <div class="container">
                <div class="services">
                    <div>
                      <img class=”img-consulting” src=”” />
                        <div class="services-1"></div>
                            <div class="clr"></div>
                            <h3>Consulting</h3>
                    </div>
                    <div>
                        <img class=”img-training” src=”” />
                            <div class="services-2"></div>
                        <div class="clr"></div>
                        <h3>Training</h3>
                    </div>
                    <div>
                        <img class=”img-speaking” src=”” />
                            <div class="services-3"></div>
                        <div class="clr"></div>
                        <h3>Public Speaking</h3>
                    </div>
                </div>
              <btn>Ask Me</btn>
            </div>
        </section>

答案

有两种方法可以在Squarespace上添加外部图像。

1. 图像/图标必须托管在另一个站点上，并将链接放在Squarespace中的代码块中，

2. 您将图像上传到图库部分或未链接的页面中。上传后，您将获得为图像生成的Squarespace链接。使用浏览器选项复制它的图像地址，并在代码块中使用它。

注意：如果删除图像，链接也将被删除。该链接不会在同一天被删除。对于Squarespace，图像将保留多几天的缓存。