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.

若是你以爲本文對你有所幫助,歡迎點贊留言告訴我,你的鼓勵是我繼續創做的動力,不妨順便關注下我的公衆號「雪之夢技術驛站」,按期更新優質文章喲!