文章摘要
摘要:Typecho邮箱订阅插件Subscribe可实现博客更新自动邮件推送,支持自定义弹窗样式、QQ邮箱配置、HTML邮件模板、历史文章推荐等功能,提供用户订阅/退订管理,安装配置简单,适合博客内容推送需求。

Subscribe 邮箱订阅插件

这是一个Typecho的邮箱订阅插件,允许访问者订阅博客更新,当有新文章发布时,系统会自动向订阅者发送邮件通知。

功能特点

  1. 用户进入首页时弹出订阅提示窗口
  2. 弹窗提示内容可在后台自定义
  3. 用户点击"是"后,弹出邮箱输入框,可输入订阅邮箱
  4. 弹窗配色自动跟随博客主题色
  5. 支持配置QQ邮箱发送通知
  6. 发布新文章时自动通知所有订阅者
  7. 后台可查看管理订阅者列表
  8. 支持用户自助取消订阅
  9. 支持自定义弹窗CSS样式
  10. 精美HTML邮件模板
  11. 邮件中推荐历史文章

image

安装方法

  1. 下载本插件
  2. 将插件上传到 /usr/plugins/ 目录
  3. 进入网站后台 -> 插件 -> 启用Subscribe插件
  4. 进入插件设置,配置邮件发送参数

配置说明

弹窗设置

  • 弹窗提示文字:访客进入首页时看到的弹窗提示内容
  • 自定义弹窗主题色:手动设置弹窗的主题色,留空则自动识别主题色
  • 自定义弹窗CSS:添加自定义CSS代码修改弹窗样式,支持任意CSS属性

邮件设置

  • SMTP服务器:邮件服务器地址,QQ邮箱为smtp.qq.com
  • SMTP端口:邮件服务器端口,QQ邮箱一般为465(SSL)或587(TLS)
  • 安全连接:加密方式,一般选择SSL
  • QQ邮箱账号:完整的QQ邮箱地址
  • QQ邮箱授权码:QQ邮箱的第三方登录授权码(不是QQ密码)
  • 发件人名称:发送邮件时显示的发件人名称
  • 邮件主题:邮件标题模板,支持变量替换
  • 邮件模板:邮件内容模板,支持HTML和变量替换

变量说明

邮件主题和内容中可以使用以下变量:

  • %site_name%:网站名称
  • %post_title%:文章标题
  • %post_date%:文章发布日期
  • %post_excerpt%:文章摘要
  • %post_url%:文章链接
  • %unsubscribe_url%:退订链接
  • %recommend_posts%:推荐文章列表

样式自定义

自定义弹窗样式

您可以通过插件设置中的"自定义弹窗CSS"选项添加任意CSS代码。以下是一些示例:

/* 渐变背景弹窗 */
.subscribe-popup {
    background: linear-gradient(to right, #f6d365, #fda085);
    border: none;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* 自定义按钮样式 */
.subscribe-form button {
    background: linear-gradient(45deg, #ff6b6b, #ff8e53);
    border-radius: 30px;
}

/* 修改输入框样式 */
.subscribe-form input {
    border: 2px solid #ffb347;
    border-radius: 8px;
}

自定义邮件模板

插件提供了精美的默认邮件HTML模板,您也可以根据需要修改模板内容和样式:

  1. 修改页眉颜色:将模板中的background: #3354aa;替换为您喜欢的颜色
  2. 更改按钮样式:修改.btn类的CSS样式
  3. 添加自己的品牌元素:在页眉或页脚添加logo或品牌信息

获取QQ邮箱授权码

  1. 登录QQ邮箱
  2. 点击【设置】->【账户】
  3. 在【POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务】下方,开启【POP3/SMTP服务】
  4. 点击"生成授权码",按提示操作获取授权码

常见问题

Q: 为什么发送邮件失败?A: 请检查您的QQ邮箱设置,确保:

  • SMTP服务已开启
  • 授权码正确无误
  • 网站服务器允许发送外部邮件
  • 检查网站根目录下的subscribe_log.txt文件了解详细错误信息

Q: 日志显示发送成功但没收到邮件?A: 可能原因:

  • 邮件被分类到垃圾邮件文件夹,请检查
  • 邮箱服务器拦截了邮件,检查垃圾邮件设置

Q: 如何修改弹窗样式?
A: 使用插件设置中的"自定义弹窗CSS"选项添加自定义样式,无需修改源代码。

Q: 推荐文章功能如何工作?
A: 系统会自动选择最近发布的3篇文章(不包括当前通知的文章)作为推荐文章。您可以通过修改邮件模板中的%recommend_posts%变量来调整其显示位置或样式。

更新日志

1.0.0 (2025-5-30)

  • 首次发布

1.0.1 (2025-05-31)

  • 添加自定义CSS设置选项
  • 优化弹窗动画效果
  • 美化邮件HTML模板
  • 增加历史文章推荐功能
  • 支持更多邮件模板变量
  • 修复邮件发送问题
  • 改进弹窗样式和交互体验
  • 添加邮件发送测试功能
最后修改:2025 年 06 月 01 日
如果觉得我的文章对你有用,请随意赞赏