losophy

用插件将issues内容转换成博客的内容

发表于 更新于

之前已经用Hexo+GitHub Pages博客搭建。

Hexo默认文章存放于source分支，没有评论系统，不过都可以通过插件进行扩展。本文介绍如何将hexo的文章与评论存放于Github Issue中（issue内容为博客内容，issue评论为博客评论）。

使用github issue存放文章

这种方案主要优点是，可以专心写博客系统，不用关注Hexo本身内容。还可以直接使用GitHub的图床（已墙），使用GitHub图床非常简单，把图片文件拖到编辑框就行了。

安装插件

1
npm install hexo-migrator-github-issue --save

导入文章

1
hexo migrate github-issue 你的Github用户名/你存放hexo的仓库名

然后生成部署即可。

1
2
hexo g
hexo d

使用github issue存放评论

首先在GitHub上注册新应用，链接：https://github.com/settings/applications/new 。
p22o24 md
参数说明：

1
2
3
4
Application name： # 应用名称，随意losophy.github.io
Homepage URL： # 网站URL，如https://losophy.github.io
Application description # 描述，随意
Authorization callback URL：# 网站URL，https://losophy.github.io

点击注册后，页面跳转如下，其中Client ID和Client Secret在后面的配置中需要用到，到时复制粘贴即可：
p22o24 md
最新一版的NexT主题已经集成gitalk评论系统。
在主题配置文件next/_config.yml中更改如下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# Gitalk
# For more information: https://gitalk.github.io, https://github.com/gitalk/gitalk
gitalk:
  enable: true
  github_id: losophy # GitHub repo owner
  repo: comments # Repository name to store issues
  client_id: ******************** # GitHub Application Client ID
  client_secret: ********************* # GitHub Application Client Secret
  admin_user: losophy # GitHub repo owner and collaborators, only these guys can initialize gitHub issues
  distraction_free_mode: true # Facebook-like distraction free mode
  # Gitalk's display language depends on user's browser or system environment
  # If you want everyone visiting your site to see a uniform language, you can set a force language value
  # Available values: en | es-ES | fr | ru | zh-CN | zh-TW
  language: zh-CN

enable打开gitalk，github_id是github帐号，repo填评论填充的仓库（因为本仓库issues用作转化博客内容，所以我另外起了一个仓库专门存评论），client_id填上图的Client ID，client_secret填上图的Client Secret，admin_user填github帐号。

Recuerda siempre que tu propia resolución de triunfar es más importante que cualquier otra cosa.

相关文章