(极简)给个人博客添加订阅功能

简介: 前言今天给大家分享一种极简的给自己个人博客添加订阅功能的方式,就目前而言,各个个人博客的订阅方式以如下方式为主流:RSS订阅一些邮件订阅服务自建服务(没必要)

(极简)给个人博客添加订阅功能

前言


今天给大家分享一种极简的给自己个人博客添加订阅功能的方式,就目前而言,各个个人博客的订阅方式以如下方式为主流:

  • RSS订阅
  • 一些邮件订阅服务
  • 自建服务(没必要)

RSS我基本没用过,应该前些年非常火,了解了一下好像也不是很通用,如果读者没有使用RSS的习惯的话,比如笔者自己就不怎么使用这类产品。

而笔者基本上是通过邮件获取对于其他文章的订阅的,但如果想要在自己的博客给读者添加邮件订阅的功能,就需要去买相关的邮件服务,对这方面的花费笔者感觉不值当,并且限制也多,如下是mailchimp的费用与功能对应关系:

然后今天在突然收到github发送的邮件之后(是一封订阅了某仓库Issue的邮件),似乎有了一定的灵感...

效果演示


话不多说,先上效果!

读者订阅

1)点击订阅链接跳转,笔者博客:justin3go.com 欢迎订阅笔者的月刊。

2)在该Issue上订阅

好,订阅完成,读者的操作也非常简单。而到这里,相信大家差不多也明白其中的实现方式了...

通知读者


接下来,笔者就只需要在该Issue下进行评论,对应订阅的用户就可以接收到由github发送的相关信息以及邮件:

1)评论Issue

2)读者接收到信息

以及邮件也会接受到信息:

使用方式(一行代码)


很简单,就是在你的个人博客某位置添加一个跳转链接就可以了,如下是我在vitepress中添加跳转链接到footer的方式:

完整代码:

<a href="https://github.com/Justin3go/Justin3goBlogComment/issues/114" target="_blank">在github上订阅本博客月刊</a>


恭喜你,OK了!记得填上自己的仓库链接...

值得注意的是

  1. 我们需要锁定该Issue,避免其他人评论:

  1. 我们可以pin上该Issue,方便其他人查看仓库时查看
  2. 我们可以将该Issue的内容稍微修改一下:

缺点


  • 依赖github,需要跳转到github
  • 无法统计订阅人数

最后


其实最开始是想写个类似Gitalk的组件,但笔者也去看了下github的开放API,好像在这部分没有找到对应的订阅Issue的API,不然其实这里就可以实现不用跳转页面即可订阅的功能了。

笔者较懒,这部分的调研可能并不尽善尽美,所以如果你有其他较好的方式或者想法,欢迎友善评论...




目录
相关文章
|
3月前
|
Docker 容器
Star 1.8k! 推荐一款更优雅的微信文章订阅工具,让阅读更便捷!
Star 1.8k! 推荐一款更优雅的微信文章订阅工具,让阅读更便捷!
|
3月前
|
前端开发 JavaScript 机器人
从头搭建一个在线聊天室(一)
从头搭建一个在线聊天室(一)
|
1月前
|
小程序 JavaScript 安全
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
41 0
|
1月前
|
小程序
【微信小程序】实战案例 -- 向订阅用户发送消息(范例:报名提醒)
【微信小程序】实战案例 -- 向订阅用户发送消息(范例:报名提醒)
83 0
|
3月前
|
小程序 前端开发 IDE
【经验分享】支付宝小程序订阅消息功能实操(前端篇)|江海计划
【经验分享】支付宝小程序订阅消息功能实操(前端篇)|江海计划
489 7
|
3月前
|
移动开发 小程序 Go
【社区每周】小程序消息订阅插件升级为消息订阅接口(2022年8月第五期)
【社区每周】小程序消息订阅插件升级为消息订阅接口(2022年8月第五期)
29 0
|
3月前
|
存储 NoSQL 前端开发
从头搭建一个在线聊天室(二)
从头搭建一个在线聊天室(二)
|
3月前
|
前端开发 JavaScript NoSQL
在线聊天室优化之私聊
在线聊天室优化之私聊
在线聊天室优化之私聊
|
3月前
|
JSON NoSQL 前端开发
从头搭建一个在线聊天室(四)
从头搭建一个在线聊天室(四)
|
3月前
|
存储 前端开发 数据库
从头搭建一个在线聊天室(三)
从头搭建一个在线聊天室(三)