以电子邮件友好的方式使用超链接和图像

Question

嘿，万能的堆栈溢出，

我是Django的新手，我需要编写一个HTML电子邮件模板，其中包括社交媒体图标，也是超链接。在预览中一切都很好，但当通过电子邮件发送时；"破碎的图像"-图标出现。图像位于Django模块的静态文件中，也位于主应用程序的static.dist目录中。几周前，它还起作用，但经过一些停顿和昨天的新测试，图像被打破了。

{% static 'ner_mail/YouTube.png' as yt_icon %}
{% with 'target="blank" href="https://www.youtube.com/URL"'|safe as a_attr %}
{% blocktrans  %}
<a {{ a_attr }} > <img src="{{ yt_icon }}" alt="" style="alignment: left;vertical-align:middle; width: 30px; padding-right: 5px" ></a>
<a {{ a_attr }}>    Social Media   {% endblocktrans %}
{% endwith %}</li>

也许有人能帮我吗？提前感谢您的帮助！致问候，

Answer 1

static模板标记提供一个相对url，因此当您在电子邮件中发送该url时，用户的浏览器会认为它与用户所在的当前网站是相对的(如果假设用户在那里打开了电子邮件，则为gmail.com(。因此，您想要呈现一个绝对url。要做到这一点，您可以使用request.scheme[Django-docs]和request.get_host[Django-docs]：

<img src="{{ request.scheme }}://{{ request.get_host }}{{ yt_icon }}" ...>