如何使用Python和Jinja2模板自动生成各种样式的HTML格式邮件内容？-Python教程-PHP中文网

用jinja2渲染html邮件完全可行，但必须后置内联样式、禁用class选择器与外部css、图片用绝对url；因outlook、apple mail等客户端不支持@media、flex、class名，仅认style属性，故需premailer等工具在render后自动内联。

如何使用python和jinja2模板自动生成各种样式的html格式邮件内容？

直接说结论：用 Jinja2 渲染 HTML 邮件完全可行，但必须手动处理内联样式、避免 CSS 类名冲突、禁用外部资源引用——否则邮件客户端（尤其是 Outlook、Apple Mail）会直接丢弃样式或显示空白。

为什么不能直接用前端那一套 CSS 写邮件模板？

多数邮件客户端（Outlook 2016+、iOS Mail、Gmail App）不支持 class 选择器、@media 查询、flex 布局，甚至会过滤掉 <style></style> 标签。唯一稳妥的方式是：所有样式必须写在 style 属性里（即内联），且优先使用 table + inline-block 兼容老客户端。

别在模板里写 <style>body { color: #333; }</style> —— Gmail Web 版会删掉整段
别依赖 tailwind.css 或 Bootstrap 类名 —— Outlook 完全不识别
图片必须用绝对 URL（https://cdn.example.com/logo.png），相对路径或本地 file:// 一律失效

如何用 Jinja2 安全地生成内联样式的 HTML 邮件？

核心思路是：把样式逻辑从模板中抽离，用 Python 在渲染后自动内联（post-render inline），而不是靠模板硬编码 style="..."。推荐用 premailer 库配合 Jinja2。

安装：pip install jinja2 premailer
先用 Jinja2 渲染带 <style></style> 的 HTML（开发时可读性强）
再用 premailer.transform() 把 <style></style> 中的规则转成每个标签的 style 属性
示例片段：

from jinja2 import Template
from premailer import transform
<p>template = Template("""

</p><style>
h1 { color: #2c3e50; font-family: Arial, sans-serif; }
.content { padding: 20px; background: #f8f9fa; }
</style><h1>Hi {{ name }}</h1><div class="content">{{ content }}</div>

""")<p>html = template.render(name="Alice", content="Welcome aboard!")
inlined = transform(html)  # ← 关键一步：自动内联</p>

注意：premailer 默认不处理 @media 和伪类（:hover），这反而是好事——邮件里本来就不该有这些。

Python数据分析(免费版)

提供Python数据清洗、统计分析与可视化建议，覆盖业务报表与科研数据的快速处理流程。

下载

发送前必须检查的三个硬性条件

即使 HTML 渲染正确，发出去仍可能被当垃圾邮件或样式崩坏。以下三点缺一不可：

Content-Type 必须设为 text/html; charset=utf-8，且 HTTP 头或 SMTP MIME 中声明一致
HTML 必须有合法的 开头和 <code>（部分企业邮箱校验严格）
所有链接（含 <a href></a>）必须是 HTTPS 绝对地址；http:// 链接在 Apple Mail 中会被禁用点击

如果用 smtplib 发送，别手写 MIME 结构——用 email.mime.multipart.MIMEMultipart 和 email.mime.text.MIMEText，并显式设置 subtype='html'：

from email.mime.multipart import MIMEMultipart
from email.mime.text import MIMEText
<p>msg = MIMEMultipart('alternative')
part = MIMEText(inlined, 'html', 'utf-8')  # ← 这里传入的是 premailer 处理后的 HTML
msg.attach(part)</p>

真正麻烦的不是渲染，而是每家邮件客户端对 HTML/CSS 的支持差异比浏览器还碎。哪怕同一份 HTML，在 Outlook 桌面版、Outlook Web、Gmail App 里都可能呈现三种结果——建议用 litmus.com 或 emailonacid.com 做真机截图测试，而不是只在 Chrome 里预览。

Python免费学习笔记（深入）：立即使用
在学习笔记中，你将探索 Python 的核心概念和高级技巧！