V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
scienhub
V2EX  ›  问与答

email 的 html 到底应该怎么排版啊

  •  
  •   scienhub · 159 天前 · 966 次点击
    这是一个创建于 159 天前的主题,其中的信息可能已经有所发展或是发生改变。

    之前是没搞定用 python+smtp+gmail 发信

    根据这个这个帖子 https://v2ex.com/t/1049187 的建议,用 https://github.com/kootenpv/yagmail 搞定了。

    现在有了 邮件 html 的排版问题。

    我先是用了这个 https://github.com/leemunroe/responsive-html-email-template 模板,啥都不改直接发出去,在 iPhone 的邮件客户端,Thunderbird 客户端,以及 gmail web 客户端上看起来都有问题。

    主要是段落间间距巨大,而且邮件顶部也有巨大的空白,后面有截图。

    发信的代码大概就是

    yag.send(
        to='[email protected]',
        contents=['path/to/email.html'],
    )
    

    然后我在 thunderbird 客户端里直接把 npm 发给我的邮件另存为 html ,然后用 yagmail 发出去,同样排版问题。

    NPM 的邮件 npn email

    我发出去的样子,行间距莫名其妙地大,而且最顶上图标上下都有莫名其妙的巨大空白 my email

    已经被搞破防了,这邮件的排版怎么这么难搞。有没有什么工具可以辅助的呀?

    8 条回复    2024-06-26 09:26:13 +08:00
    Jinnrry
        1
    Jinnrry  
       159 天前 via Android
    不同邮箱用的 html 标准不一样,但基本上都是用的非常老的标准,不要用任何最近几年的语法
    since2021
        2
    since2021  
       159 天前   ❤️ 1
    https://frankindev.com/2022/07/16/available-html-tags-in-emails/
    只有部分的 html 标签在邮件里能用,尽量用简单的标签
    CHTuring
        3
    CHTuring  
       159 天前
    想兼容所有的邮箱的话,那就只能用 table 来做。
    kcccc
        4
    kcccc  
       159 天前
    看看 MJML ,生成自响应的邮件模板。
    idealist
        5
    idealist  
       159 天前   ❤️ 2
    WashFreshFresh
        6
    WashFreshFresh  
       159 天前
    关键词 模板引擎 我经常用的就是 java 的 FreeMarker
    zdw189803631
        7
    zdw189803631  
       158 天前
    table
    scienhub
        8
    scienhub  
    OP
       158 天前
    @kcccc

    感谢,我尝试一下这个工具
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2488 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 04:53 · PVG 12:53 · LAX 20:53 · JFK 23:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.