2019博客升级

2019,Blog update.

Posted by Tony Chan on 2019-03-05

2019年更新一下😊

目标功能

  • [x] Disqus换Gitalk
  • [x] Google Analytics
  • [ ] 标签功能升级
  • [ ] 分类功能
  • [ ] 照片墙功能

Disqus换Gitalk


由于在国内上 Disqus 十分糟糕,而且本人社交基本在GitHub上,故改成Gitalk

集成 Gitalk


可参考文档 Gitalk

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- Gitalk 评论 start  -->
{% if site.gitalk.enable %}
<!-- Link Gitalk 的支持文件 -->
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/[email protected]/dist/gitalk.min.js"></script>

<div id="gitalk-container"></div>
<script type="text/javascript">
var gitalk = new Gitalk({
clientID: `Github Application clientID`,
clientSecret: `Github Application clientSecret`,
repo: `存储你评论 issue 的 Github 仓库名`,
owner: 'Github 用户名',
admin: ['Github 用户名'],
id: location.pathname,
});
gitalk.render('gitalk-container');
</script>
{% endif %}
<!-- Gitalk end -->

Gitalk的错误


error=redirect_uri_mismatch&error_description=The+redirect_uri+MUST+match+the+registered+callback+URL+for+this+application.&error_uri=https%3A%2F%2Fdeveloper.github.com%2Fapps%2Fmanaging-oauth-apps%2Ftroubleshooting-authorization-request-errors%2F%23redirect-uri-mismatch

  • 中文或者空格路径的问题

  • 配置后面加上 /

image

创建 Github Application


如果没有 点击这里申请Authorization callback URL 填写当前使用插件页面的域名。

创建issue


当你用 github 帐号登录(管理员),并且第一次加载该会比较慢,因为第一次加载会自动在你 repo 的仓库下创建对应 issue。

当然,你也可以手动创建issue作为 gitalk评论容器。只要有 Gitalk 标签 和 id 对应标签就可以。

Gitalk 需要在管理员在登录状态下点开每篇文章的页面才会创建对应的 issue。

解决方案如下 :
自动初始化 Gitalk 和 Gitment 评论

Google Analytics


标签功能升级


分类功能


照片墙功能



Reference:

GitHub Repo:Tony Studio

Follow: CoderTonyCHan · GitHub