跳至主要内容

为 Blogger 安装 Gitalk 评论系统

为什么使用 Gitalk?

Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。每一篇的文章评论对应着 Github 仓库中一个 Issue。它的优点:

  • 基于 Github,在国内访问较稳定
  • 评论支持 Markdown
  • 评论回复能及时收到邮件提醒
  • 省心,配置简单

缺点就是访客评论需要一个 GitHub 账号,对于不了解编程的人可能是一个障碍。

创建一个新的 OAuth App

image

获取 Client ID 和 Secret

现在你已经创建了一个新的 OAuth App,并得到了相应的 Client ID 和 Client Secret。
image

引入 Gitalk 脚本与样式文件

修改 Blogger 模板代码,在 </head> 之前插入以下代码。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>

配置 Gitalk

与之前插入 多说评论 一样,在 <b:includable id='comments' var='post'> 处插入 <div id='gitalk-container'/>,实例代码如下:

<b:includable id='comments' var='post'>
    <div id='comments'>
        <div id='gitalk-container'/>    // 在此处创建一个容器,之后加载的评论放置于此处
    </div>
</b:includable>

</body> 标签前添加 Javascript 代码:

<script>
    var gitalk = new Gitalk({
        clientID: 'GitHub Application Client ID',
        clientSecret: 'GitHub Application Client Secret',
        repo: 'GitHub repo',
        owner: 'GitHub repo owner',
        admin: ['GitHub repo owner and collaborators, only these guys can initialize github issues'],
        id: location.pathname,      // Ensure uniqueness and length less than 50
        distractionFreeMode: false  // Facebook-like distraction free mode
    })

    gitalk.render('gitalk-container')
</script>
  • clientID、clientSecret:将上一步得到的填入
  • repo:你需要在 Github 上新建一个仓库(repository),点此 Create a New Repository。新建好填入仓库的名字
  • owner:repository 的所有者,填入你的 Github ID
  • admin:对这个 repository 有写权限的用户,一般你只需填入你的 Github ID 即可
  • 更多设置,请查看:gitalk/readme-cn.md at master · gitalk/gitalk

初始化评论

到这里就安装结束了,现在请访问你的博文页面,去初始化评论(需先登陆你的 Github 账号)。

进阶设置

  1. 文章 ID 设置

在配置 Gitalk 评论中,需要定义一个文章的 ID 变量。Gitalk 默认 ID 是文章的链接,比如此片博文的 ID 就是 /2019/02/blogger-gitalk.html。但是有一个要求,要求 ID 的长度要小于 50,否则评论就无法创建,提示 Error: Validation Failed. 错误。

id: location.pathname      // Ensure uniqueness and length less than 50

为了避免这个问题,在 Blogger 中,每一篇博文都有一个特定的 ID,可以通过 <data:post.id/> 获取。

id: <data:post.id/>      // Ensure uniqueness and length less than 50
  1. Github issue 的内容设置

Gitalk 默认是获取文章的链接和博文 meta 内容作为 Github issue 的内容。在 Blogger 中,你可以使用 <data:post.snippet/> 来获取文章的摘要作为 issue 的内容。

body: <data:post.snippet/>

此博客中的热门博文

免费公益的 SSR 机场推荐汇总

写给需要的人。建议收藏网址,方便每日签到获得流量。可以从此网站「放牧的风」获得 SSR 节点临时使用或借此访问机场。机场流量规则评价几鸡每月初始10G流量,每天签到0.8~5GB线路质量不错,线路多,量足,推荐首选纸飞机初始流量3G,签到所获小几十兆流量免费节点两个,流量较少,适合轻度使用卡车云加速初始流量3G,签到可获小几百兆流量提供 3 条免费线路,流量不多,适合轻度使用SSR 使用教程网上已经有写得很好的了,就不做重复工作了。见此:大概是萌新也看得懂的SSR功能详细介绍&使用教程FAQ:为什么上面的网站打不开?
答:此类机场网址容易被墙,打不开请挂梯后再访问。为什么才提供几家机场?太少了。
答:数量太多反而有选择困难症,挑几家用的舒服用着就行了。对应得平台的软件在哪里下?Windows:下载Windows(游戏):下载Android:下载Mac:下载iOS:点此跳转想讲的热爱祖国;低调使用,珍惜资源。学习知识,开拓视野;尽量不去使用国产软件,比如 360、腾讯电脑管家、2345 好压等软件。因为它们会定时上报节点 IP,这就是你的节点会凉得这么快得原因;电脑上请使用 PAC 模式,手机上请设置为绕过局域网和大陆地址;支持如果你有发现好的机场可以在下方的评论推荐给我,万分感谢。推广嫌免费得不稳定,那来试试付费服务吧:好好学习你可以使用我的优惠码:blogiljwme,享 6.5 折优惠。蓝岸 v2ray,更稳定的科学上网工具。

我的科学上网经历

我个人翻墙的目的只是想用用谷歌学些编程,看看 Youtube 上的视频消遣消遣。刚开始时接触翻墙时,用的是蓝灯、赛风之类的 VPN 应用。再后来,在 Google Plus 上看到有人分享的免费的 shadowsocks 的链接,便去一个机场(卖ss账号)的网站注册了一个会员,用了两个月后,机场的管理员在 telegram 群里说要改为收费模式了,我当时犹豫了一下,花了将近 100 RMB 买了一年的时长。有人会说,买机场的服务建议是月付,因为不知道什么时候机场就跑路了,这有些道理。当时,我是因为 ss 的速度不错,且加上 tg 群里很多人都说支持付费,我也就跟着上车了。现在想想,有些被牵着鼻子走的意思。大概快一年吧,这家机场真的倒闭了。之后有一段日子,我陆陆续续在其他的机场注册账号,使用其提供的免费流量额度。这样的日子过了不久,我看到了一篇博客,里面博主推荐自己搭建 ss/ssr,速度快,数据隐私有保障,且和好友合租的话,价格也很实惠。于是我便购入搬瓦工 CN2 VPS,在网上找了一键搭建 ssr 的脚本,很快就搭建成功了。但是,期间因为不熟悉 SSH 和 Linux 系统的操作,研究了蛮久。这样,又安安稳稳的过了几个月。18 年的上半年,墙越来越高,我经历了 IP 被墙,付费换 IP,在非常短的时间内 IP 再被墙(可以 ping 通,但是无法科学上网),免费换了一次 IP(搬瓦工的新策略)。于是,我发现 ssr 应该很容易被检测到,我去网上一查,原来 ssr 已经停止了更新,面对不断升级的墙,ssr 会越显得力不从心。于是我转向了新兴的代理工具 v2ray,同样,我使用了网友制作的一键脚本工具,并且使用了 Websocket + TLS + Caddy 的方案(因为 IP 被封怕了)。使用 v2ray 几周后,我发现此方案容易断流,表现到日常使用上,就是一会儿能用,一会儿不能用,有些东西加载不出来,用户体验极差。根据上网查阅资料和自己实践,我发现传输协议 h2 和 ws 都有断流现象。为了追求使用的稳定,我将 v2ray 协议换成 mkcp,并且在 v2ray 上搭建了 shadowsocks,再配合 kcptun 使用,达到了速度和稳定两者俱佳。为什么使用 shadowsocks 呢?因为 shadowsocks 有人不断维护着,这保证了它的对抗墙的能力。