jrainlau / blog-articles

My personal blog.
https://jrain.vercel.app
40 stars 11 forks source link

为什么我选择用 Github issues 来写博客 #7

Open jrainlau opened 5 years ago

jrainlau commented 5 years ago

image

对于爱写东西的人来说,挑一个合适的博客平台是非常重要的。而作为一个 Web 开发者,我们肯定都希望能够拥有一个高度定制化的博客平台,用以展示我们独一无二的个性以及记录长久以来的学习工作等。与此同时,我们也希望这个平台可以让我们方便地发布内容,提供完整的点赞、留言等操作。在经历过 Hexo,Wordpress,自行搭建服务等一系列尝试以后,我最后选择了以 Github issues 来作为我的博客平台。

博客的基本能力

对于一个合格的博客平台来说,它主要提供了下列几种能力:

  1. 个人介绍 对于个人博客来说,它首先要支持展示博主的个人介绍。这个个人介绍里面可能包括了头像、昵称、联系方式等基本内容,能够让读者能够对这个博客的主人有一个基本的认识。

  2. 文章的撰写与展示 对一个博客来说,最重要的就是它的内容,也就是里面的文章。一个好用的博客平台应该具备方便的撰写文章的能力,让够让用户毫无负担地撰写、编辑自己的文章。此外,还必须能够文章的信息,比如展示标题、节选、封面,创建/修改时间,评论点赞数等等。

  3. 归档能力 一篇文章的撰写时间、内容标签/分类等都是不同的,如何按照不同的要求对这些文章进行归档整理,也是考验博客平台的能力之一。再者,当文章数量较多的时候,添加一个搜索的功能也能大大方便读者对博客的浏览。

  4. 博主与读者互动的能力 仅仅只有博主一个人自嗨可能难以激发写作的动力,如果博客能够提供博主与读者互动的能力,将能有效激励博主持续创作,更能提升文章的传播度——点赞和评论功能则是互动能力中最重要的功能之一。

经过上面的几个点,基本可以知道一个博客平台,其主要功能就是“展示自己,沟通外界”。在满足这个基础的前提下,它也应该具备方便操作,高度定制化的特点。

为什么不选择其他方案

image

在文章的开头我有提到,我曾经尝试过用 Wordpress,Hexo,自行搭建服务等途径去尝试维护博客。但这些尝试的结果均不合我意,最后无疾而终。归根结底,就是不够自由和方便。

举个例子,Wordpress 和 Hexo 都具备搭建一个主题漂亮、功能齐全的博客的能力,但是这些都必须要在它们所制定的规则下进行。如果我想 DIY 一个主题,或者加入任何我想要的新能力,都必须仔细翻阅它们的文档,找到对应的规则再尝试去实现,可谓是戴着镣铐跳舞。除此之外,要发布新的文章,动辄就要在本地跑命令行,实在是非常不优雅。更有甚者,如果希望为文章添加评论功能,还要费一大番周折,想必体验过的人都懂。

至于自行搭建服务,可谓是既自由又方便,想要任何功能都可以自己实现。但这种方案最大的缺点是成本较高。对于人力成本来说,服务器数据库配置、域名、备案等一系列操作非常烦人,甚至还要考虑告警、负载、宕机等一堆的运维问题。折腾多了,也没什么心思往里面写文章。对于金钱成本来说,买域名,买服务器也是一笔花销,尤其是当我们某段时间文章产出特别少的时候,总觉得白养了一台服务器……

选择 Github issues

首先是 Github,然后才是 issues。

作为全球最大的代码托管平台,又刚刚被微软收入麾下,其可靠程度是非常高的,基本不用担心存放在里面的数据会丢失(想想看国内说没就没的网易博客,百度贴吧等)。

在 Github 上我们可以精心编辑自己的账户信息,包括头像、昵称、邮箱、工作单位等等。

Github issues 提供了非常方便快捷的编辑能力,尤其是贴图。它支持通过拖拽、粘贴、选择的方式上传图片,图片会存放在 https://user-images.githubusercontent.com 这个地方,且支持外链——这也意味着我们可以很方便地把 issue 的内容转载到其他的平台。

在 Github issues 里面,可以为某条 issue 添加点赞、爱心等互动标签(Reactions),也可以设置分类标签(Labels),更可以给 issue 添加评论(Comment)。

最为重要的是 Github 提供了一套满足了绝大部分需求的 API,囊括了 REST 和 GraphQL 的调用方式,这才是 Github 能够成为我们博客平台的大杀器,这个接下来会详细说明。

不难看出,Github issues 拥有着前文提及的一个博客平台所应具备的各种能力。接下来我们将以 Github issues 作为博客平台的管理后端,以 API 来实现和客户端的数据交互。

天生的前后端分离

关于 Github API 的授权和调试,可以查阅我的另一篇文章《基于 Github API 的图床 Chrome 插件开发全纪录》

我们使用 Github issues 作为博客平台,也就是相当于管理后端。我们在管理后端里面撰写文章,设置标签,回复评论,然后通过 API 调用把数据传送给客户端。

几个比较常用的 v3 API 如下:

当然你也可以使用 v4 的 GraphQL 接口,也是非常的方便,感兴趣的可以自行研究。

管理后端直接用现成的 Github issues 页面,那么客户端则使用 Github 为开发者免费提供的静态页面部署服务 Github pages。要使用这个服务,只需要开通一个仓库,然后在仓库的 Settings 里面找到 Github pages 并打开即可,默认会以 Master 分支的根目录作为静态资源目录,我们只需要把客户端的静态资源直接放置在这里就好。

image

开通了 Github pages 以后,便可以通过其提供的 URL 直接在浏览器里访问到博客了,而博客的数据则完全加载自 Github API。

image

通过已授权的接口,还允许提交评论等功能:

May-22-2019 19-50-23

结语

总结一下,Github issues 提供了一个博客平台所需的的各项基本能力,与 Github 的可靠性, API 的全面性,Github pages 的便捷性结合在一起,都非常适合作为一个博客平台来使用。我基于 Github issues 的个人博客也已经上线,欢迎前来体验:

https://jrainlau.github.io/#/

如果你也觉得不错的话,赶快给自己也搭一个基于 Github issues 的博客吧,期待与你的交流!

wei commented 5 years ago

推荐用 v4 吧 主页同域名那么多请求加载有点慢 🤓

image

dvxiaofan commented 5 years ago

看似还不错

dawaisme commented 5 years ago

顺着思否的文章找到的。 小白程序员,java开发,刚入门 有一个问题就是如何快速访问GitHub。
外网访问有延迟。你是翻墙了吗。

jrainlau commented 5 years ago

@wei 正准备切到v4

jrainlau commented 5 years ago

顺着思否的文章找到的。 小白程序员,java开发,刚入门 有一个问题就是如何快速访问GitHub。
外网访问有延迟。你是翻墙了吗。

@dawaisme 公司网络比较好吧我猜

dawaisme commented 5 years ago

好吧,我也用的公司网, 国内的网站还可以, 不翻墙GitHub基本进不去

------------------ 原始邮件 ------------------ 发件人: "JrainLau"notifications@github.com; 发送时间: 2019年5月23日(星期四) 下午2:00 收件人: "jrainlau/jrainlau.github.io"jrainlau.github.io@noreply.github.com; 抄送: "dawa大娃bigbaby"381144567@qq.com; "Mention"mention@noreply.github.com; 主题: Re: [jrainlau/jrainlau.github.io] 为什么我选择用 Github issues 来写博客 (#7)

顺着思否的文章找到的。 小白程序员,java开发,刚入门 有一个问题就是如何快速访问GitHub。 外网访问有延迟。你是翻墙了吗。

@dawaisme 公司网络比较好吧我猜

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

jrainlau commented 5 years ago

@dream2023 建议你认真读一波github的协议。我的思路仅作为个人博客内容的载体,不搞其他功能哈

jrainlau commented 5 years ago

支持新的认证方式……

jrainlau commented 5 years ago

支持新的认证方式……

@jrainlau 已经支持

4rnold commented 5 years ago

如果有跟随页面滚动的文章目录就更好了。

seadropx commented 5 years ago

挺赞。不过有个问题,非Github注册用户访问博客主页时,会提示:“401 This endpoint requires you to be authenticated.” 若只是访问单篇文章的链接,还是可行的。是否可以让不注册的人也能直接访问主页呢?

还有三个问题想请教下:①博客首页右侧的目录,可以自己设计分类,而不只是按时间排列吧?(当发布的博文非常多时,一个有效的分类目录还是很有必要的。)

②应该可以实现博文置顶功能吧?这样方便给读者导航。

③博文正文很容易就可以直接编辑修改吧?

jrainlau commented 5 years ago

@seadropx 因为用了graphql的接口,这个接口的要求是必须要登录的,所以如果首页能够免登陆访问,就需要改回restful接口。

  1. 随意设计
  2. 可以
  3. 在 issue 里面随便改