博客添加邮件订阅(1): Tinyletter + Zapier

2023-11-20
#Blog

1. 引言

邮件订阅主要是:Tinyletter1 和 Zapier2 实现。

此邮件订阅功能参考博客——山茶花舍3

2. 步骤

  1. Tinyletter:先注册账号,填写基本信息,注意⚠️:send directly的邮件地址一定要记住并保密。

  2. Zapier

    • 先注册账号
    • 获取博客订阅内容:左上角 Create Zap — Built-in tools 的 RSS — 触发器 Event 选 New Items in Multiple Feeds — 点击 Continue,注意⚠️: Feed URLs中填写网站的xml文件地址,比如:https://xiaoledeng.com/index.xml
    • 推送邮件:Email By Zapier — Send Outbound Email — Set up action (注意⚠️:TO 处填写send directly的邮件地址),其他选项直接保持默认即可,检查无误后点击继续,邮件回复:Yes, please send it 或是 Preview。
  3. 博客添加订阅邮件页:在 Tinyletter 分享上有提供订阅页Embed code,在config.toml添加菜单栏

[[menu.main]]
weight = 50
name = "Subscribe"
url = "/subscribe/"

content/文件夹,添加subscribe.md文件,内容为:

---
title: Subscribe the updates of this website by email
---

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://tinyletter.com/xiaoledeng" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/xiaoledeng', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true"><p><label for="tlemail">Enter your email address</label></p><p><input type="text" style="width:140px" name="email" id="tlemail" /></p><input type="hidden" value="1" name="embed"/><input type="submit" value="Subscribe" /></form>

3. 参考

  1. Tinyletter
  2. Zapier
  3. 静态博客添加 Newsletter 的几种推荐方案