DEV Community
·
小事工程 #1：电子邮件通讯
内容提要
本文讲述了作者作为初级开发者制作电子邮件通讯的经历。作者使用Mailgun API和AWS S3存储图像，但在将Figma设计转换为HTML时遇到困难。最终，作者通过Kombai工具解决了CSS限制问题，并学习了Brevo的无代码邮件营销功能，积累了宝贵经验。
关键要点
-
作者作为初级开发者制作电子邮件通讯，面临多重挑战。
-
使用Mailgun API进行电子邮件管理，但对订阅系统的开发仍在学习中。
-
在将Figma设计转换为HTML时遇到困难，发现大多数插件无法正确链接图像。
-
使用AWS S3存储图像，但需要多次上传，且网络不佳。
-
意识到需要使用Figma到电子邮件模板的插件，而非普通的Figma到HTML插件。
-
发现Google不允许在电子邮件中使用外部CSS，导致邮件格式混乱。
-
找到Kombai工具，能够创建符合Gmail CSS限制的HTML模板。
-
虽然最终邮件模板基本可用，但在某些设备上仍存在问题。
-
学习了Brevo的无代码邮件营销功能，发现其比Mailgun更具优势。
-
通过制作电子邮件通讯模板积累了宝贵经验，并希望提升架构设计技能。
延伸解读
邮件设计的挑战
在将Figma设计转换为HTML时，作者遇到了许多技术障碍，尤其是图像链接问题。大多数插件无法正确处理图像，导致邮件格式混乱。这提醒开发者在选择工具时，需关注其适用性，尤其是在特定场景下的表现。
工具选择的重要性
作者在使用Mailgun和Brevo进行邮件营销时，发现Brevo提供了更多内置功能，尤其是无代码的邮件模板设计。这表明，选择合适的工具可以显著提高工作效率，尤其是在初学者阶段。
CSS限制的影响
文章提到Google对邮件中外部CSS的限制，导致邮件格式不如预期。这一限制不仅影响了邮件的视觉效果，也提醒开发者在设计邮件时需考虑不同平台的兼容性，以避免潜在的格式问题。
延伸问答
作者在制作电子邮件通讯时遇到了哪些主要挑战？
作者面临的主要挑战包括将Figma设计转换为HTML时的困难、无法正确链接图像、以及Google对外部CSS的限制导致邮件格式混乱。
作者是如何解决Figma设计转换为HTML的问题的？
作者使用了Kombai工具，该工具能够创建符合Gmail CSS限制的HTML模板，从而解决了转换问题。
Mailgun和Brevo在电子邮件营销中的主要区别是什么？
Mailgun主要用于邮件跟踪，但没有模板设计功能，而Brevo则提供了更多内置功能和无代码/低代码的邮件通讯特性。
作者在使用AWS S3时遇到了什么问题？
作者需要多次上传图像到AWS S3，并且由于网络不佳，上传过程非常繁琐。
作者在制作电子邮件通讯的过程中学到了什么？
作者积累了宝贵的经验，学习了如何设计电子邮件模板，并希望提升架构设计技能。
为什么作者认为需要使用Figma到电子邮件模板的插件？
因为普通的Figma到HTML插件无法满足电子邮件的特定需求，导致图像链接不正确。
