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: [email protected]

🤝 貢獻

如果你想貢獻自己的一份力量,歡迎提交 Issues 或者 Pull Request 請求!

支持

如果本項目對你有所幫助,歡迎 ⭐ hexo-plugin-gitalk 項目,感謝你的支持與認可!

📝 版權

Copyright © 2019 snowdreams1006.

This project is MIT licensed.

如果你覺得本文對你有所幫助,請隨手點個贊再走唄或者關注下公衆號「雪之夢技術驛站」定期更新優質文章喲!