3 款工具助您提升电子邮件工作流程

由 Mux 赞助的 DEV 全球展示挑战赛：展示你的项目！

1. 使用任务运行器

Gulp 是一款强大的工具，它可以自动化你每次创建营销活动时需要进行的各种开发工作。例如，如果你需要将之前邮件中的 HTML 代码复制粘贴到下一个营销活动中，然后按 ⌘+F 将所有旧代码替换为新版本，哦，对了，你还想更新标题字体大小——那又得按一次 ⌘+F。除了耗时之外，这种工作流程还极易导致人为错误——比如表格单元格未闭合？以这种方式创建邮件的另一个痛点是，代码错误会随着时间的推移而累积；与那些收益丰厚的共同基金不同，这类错误不会带来正回报。

那么，任务运行器究竟如何提供帮助呢？简而言之，任务运行器可以自动为您运行任务；就这么简单。原本需要数小时（甚至数天）才能完成的工作，现在只需几分钟即可完成，这都要归功于任务运行器。正确设置后，这些自动化工作流程还能帮助您快速排查任何错误——例如，如果您的代码缺少闭合的表格单元格标签，您会收到通知。

了解如何设置 Gulp 任务运行器

#2 利用模板

你已经在使用任务运行器了？太好了，下一步我建议你开始使用模板。如果你真的想最大限度地发挥任务运行器的作用，我强烈建议你找到一种适合你开发需求的模板语言；我目前使用的是Nunjucks。

这些模板语言使用起来并不难，而且大多数都很容易学习。这些模板语言真正的强大之处在于它们的自定义性。你无需使用别人的模板，可以根据自己的需求创建模板并轻松复制。以下是一个基本模板的示例：

{% extends "base.html" %}

{% block header %}
<h1>{{ title }}</h1>
{% endblock %}

{% block content %}
<ul>
  {% for name, item in items %}
  <li>{{ name }}: {{ item }}</li>
  {% endfor %}
</ul>
{% endblock %}

你看到那个嵌入式循环了吗？你的模板可以包含全部六行，或者你也可以只用一行代码来查找你的 .json 文件引用了多少项，并据此构建所需的行——这在处理多个项目时非常实用。

了解更多关于如何开始使用 Nunjucks 的信息

#3 思考模块

还记得玩乐高积木吗？电子邮件的构建方式与乐高积木非常相似，由多个相互契合的部件组成。回顾一下你最近构建的邮件——你是否看到了内容所在的几个主要区域？一个包含以下内容的基本邮件模板可以分为三个部分——如果你想进一步精简模板，可以分成两个部分。

• 标题
• 英雄图片
• 身体
• 行动号召按钮

以下是我的分析方法：

- sectionBlock01 (contains headline)
- sectionBlock02 (contains hero image)
- sectionBlock03 (contains body and CTA button)

使用这三个sectionBlocks，我可以在几秒钟内构建任何电子邮件——无论我的sectionBlock03数据包含多少行——循环都会处理这项工作。

以上就是 3 个可以增强您的电子邮件工作流程并帮助您走上成为高效开发人员正确道路的工具。