github issue 搜索_启用 GitHub Issue 作为博客留言系统

从今天起本博客将启用 GitHub Issue 作为留言系统。

原本使用的 Disqus 将继续保留一段时间，目前没有关闭的计划。

换用 GitHub Issue 是计划了好久的事情了，最初重做这个主题的时候就有考虑过。

这个想法的契机是看到了这篇

GitHub hosted comments for GitHub hosted blogs

，然后立马觉得这个想法很符合寄宿在 GitHub Pages 上的博客。

一个限制是要求评论者必须有 GitHub

账户，考虑到我的博客的受众这个要求估计不算太过分。

使用 GitHub Issue 的好处么，比如自带的 GFMD

富文本格式，邮件通知，还有订阅和取消订阅通知，邮件回复，

这些方面都不比第三方留言系统逊色。

换用 GitHub Issue 另一方面原因是最近听说 Disqus

被部分墙了，想必以后墙也会越来越高。之前曾经试过在这个博客换上多说，

然而效果我并不喜欢，多说喜欢侵入页面加很多奇怪的东西，比如用户的头像通常是

http 的……也试过结合新浪微博的评论，而新浪微博越来越封闭，API 也越来越不靠谱。

使用 GitHub Issue 作为评论的方式比较简单，上面那篇博客里面提到了，代码量不比

加载 Disqus 多多少，而且没有了 iframe 的困扰，唯一麻烦的地方就是要稍微设计一下布局方式让它融入

现有的页面布局。

我参考上面的实现在这里。

这个加载代码使用两个变量加载 Issue Comments ，一个是在 pelicanconf.py 里的

GITHUB_REPO

，可以指向任何 Repo ，我指向 farseerfc/farseerfc.github.io

的这个 GitHub Page repo ，另一个变量是每篇文章里需要加上 issueid

的元数据，关连文章到每个 Issue 上。

还有一个稍微麻烦的事情是现在每写一篇文章之后都要新建一个 issue 了。

手动操作有点累人，于是我写了个脚本

自动搜索 pelican 的 content 文件夹里面文章的 slug 并且对没有 issueid 关连的

文章创建 issue 。

好啦新的留言系统的外观样式还在测试中，希望大家多留言帮我测试一下！

2016年8月7日19:30更新

新增了对 GitHub Issue comments 里面

reactions

的支持，套用 font-awesome 的图标(似乎没 GitHub 上的图标好看)。这个还属于 GitHub API

的实验性功能，要加入 Accept: application/vnd.github.squirrel-girl-preview

HTTP 头才能拿到。

2016年8月7日23:16更新

感谢 @iovxw 的测试让我发现 github 的高亮回复和邮件回复是需要特殊处理的。

高亮回复用上了这里的 CSS

邮件引言的展开事件直接用 jQuery 做了：

$(".email-hidden-toggle > a").on("click", function (e){

e.preventDefault();

$(".email-hidden-reply", this.parent).toggle();

});

还得注意邮件的回复需要 CSS 里面 white-space: pre-wrap

。

github issue 搜索_启用 GitHub Issue 作为博客留言系统 - Farseerfc的小窝相关推荐

github 公钥私钥_搭建自己的技术博客系列 2：把 Hexo 博客部署到 GitHub 上
1.在GitHub上建一个新仓库 2.配置Git的SSH KEY 生成SSH添加到GitHub 回到你的git bash中, git config --global user.name "y ...
github ssh 配置_搭建自己的技术博客系列 2：把 Hexo 博客部署到 GitHub 上
1.在GitHub上建一个新仓库 2.配置Git的SSH KEY 生成SSH添加到GitHub 回到你的git bash中, git config --global user.name "y ...
使用Hexo在GitHub Pages上搭建部署免费的个人博客网站（上：GitHub搭建）——最详细全面解读教程（没有之一）
标签:Hexo GitHub使用技巧博客网站搭建点击此处,浏览效果更好版权声明:本文为博主 @残灯飞雪的原创文章,欢迎转载,传播知识.著作权归作者所有,商业转载请联系作者获得授权,非商业转载 ...
使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】
欢迎关注我的专栏:<个人博客搭建:Hexo+Github Pages>,从搭建到美化一条龙,帮你解决 Hexo 常见问题! 推荐阅读:<Hexo 博客优化之博客美化系列(持续更新)& ...
使用Github Pages和Hexo搭建自己的独立博客【超级详细的小白教程】
文章目录 ● 前言 ● 入门 ● 安装 Node.js ● 安装 Git • 检验Git是否安装成功 ● 安装Hexo • Hexo 初始化配置 ● 本地查看效果 ● 将博客部署到 Github Pa ...
GitHub Actions入门教程：自动化部署静态博客
前天,我使用 GitHub Actions 实现了静态博客的自动化部署,觉得它非常强大,只要你提交到 GitHub,后面的部署完全由 GitHub 自动完成. 这里提的静态博客,就是通过生成工具(eg ...
怎么禁止/开启Ubuntu自动更新升级_豆豆技术派的博客-CSDN博客_ubuntu 自动更新
怎么禁止/开启Ubuntu自动更新升级_豆豆技术派的博客-CSDN博客_ubuntu 自动更新
无人驾驶运动学模型——线性时变模型预测控制的思路推演过程_百叶书的博客-CSDN博客_线性时变模型预测控制转
无人驾驶运动学模型--线性时变模型预测控制的思路推演过程_百叶书的博客-CSDN博客_线性时变模型预测控制
github issue 搜索_恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧...
大家好,我是你们的前端章鱼猫,一个不喜欢吃鱼.又不喜欢喵的超级猫 ~ 今天给大家带来的是在 GitHub 上如何精准搜索的神仙技巧.[前端GitHub],专注于挖掘 GitHub 上优秀的前端开源 ...
github issue 搜索_回顾 2020 年 GitHub 的大事件，你知道多少？
作者:HelloGitHub-小鱼干这里是 HelloGitHub 出品的年度盘点系列,本期我们将盘点 GitHub 在 2020 发生的大事件,回顾一下今年 GitHub 给我们带来了那些惊喜.故 ...

github issue 搜索_启用 GitHub Issue 作为博客留言系统 - Farseerfc的小窝

github issue 搜索_启用 GitHub Issue 作为博客留言系统 - Farseerfc的小窝相关推荐

最新文章

热门文章