Hexo 博客快速整合gitalk组件,给静态博客添加动态评论功能!

什么是 hexo-plugin-gitalk 👋

Hexo 整合 gitalk 组件实现博客评论功能

🏠 主页

效果

用法

Step #1 - 更新 _config.yml 配置文件

在 _config.yml 配置文件中,配置 gitalk 插件相关信息,详情见 gitalk.

plugins:
 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
 distractionFreeMode: false
复制代码

注意: 前往 gitalk 申请开通 gitalk 功能后,必定要替换成本身的相关配置!

其中,主要配置参数含义以下:

• clientID String

  必须. GitHub Application Client ID.

• clientSecret String

  必须. GitHub Application Client Secret.

• repo String

  必须. GitHub repository.

• owner String

  必须. GitHub repository 全部者，能够是我的或者组织。

• admin Array

  必须. GitHub repository 的全部者和合做者 (对这个 repository 有写权限的用户)。

• distractionFreeMode Boolean

  Default: false。

  相似 Facebook 评论框的全屏遮罩效果.

Step #2 - 运行 hexo 相关命令

• 运行 npm install 命令安装到本地项目

$ npm install hexo-plugin-gitalk --save
复制代码

• 运行 hexo generate 命令构建本地项目或者 hexo server 启动本地服务.

$ hexo generate
复制代码

或者

$ hexo server
复制代码

注意: 本地测试时没法正常运行,必须是线上环境才会生效,且必须由管理员登陆 github 进行初始化.

示例

不只 hexo-plugin-gitalk 官方文档已整合 gitalk 版权保护插件,此外还提供了示例项目,详情参考 example 目录.

• 官方文档
• 官方示例

做者

👤 snowdreams1006

• Github: @snowdreams1006
• Email: snowdreams1006@163.com

🤝 贡献

若是你想贡献本身的一份力量,欢迎提交 Issues 或者 Pull Request 请求!

支持

若是本项目对你有所帮助,欢迎 ⭐ hexo-plugin-gitalk 项目,感谢你的支持与承认!

📝 版权

Copyright © 2019 snowdreams1006.

This project is MIT licensed.

若是你以为本文对你有所帮助,欢迎点赞留言告诉我,你的鼓励是我继续创做的动力,不妨顺便关注下我的公众号「雪之梦技术驿站」,按期更新优质文章哟!