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

Question

enter image description here我在 squarespace 上通过 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>

Answer 1

在 Squarespace 代码块上添加外部图像有两种方法：

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

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

注意：如果您删除图片，链接也将被删除。该链接不会在同一天被删除。因为 Squarespace 会将图像缓存多几天。