Rain120 / vuepress-plugin-awesome-gitalk

Vuepress plugin with Gitalk
https://rain120.github.io/vuepress-plugin-awesome-gitalk/dist/index.html
MIT License
1 stars 0 forks source link

Vuepress Plugin Awesome Gitalk talk

[![GitHub watchers](https://img.shields.io/github/watchers/rain120/vuepress-plugin-awesome-gitalk?style=social)](https://github.com/Rain120/vuepress-plugin-awesome-gitalk/watchers) [![STAR](https://img.shields.io/github/stars/rain120/vuepress-plugin-awesome-gitalk?style=social)](https://github.com/Rain120/vuepress-plugin-awesome-gitalk/stargazers) [![FORK](https://img.shields.io/github/forks/rain120/vuepress-plugin-awesome-gitalk?style=social)](https://github.com/Rain120/vuepress-plugin-awesome-gitalk/network/members) [![npm download](https://img.shields.io/npm/dt/vuepress-plugin-awesome-gitalk?style=flat-square)](https://www.npmjs.com/package/vuepress-plugin-awesome-gitalk) [![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hy/vuepress-plugin-awesome-gitalk?style=flat-square)](https://www.jsdelivr.com/package/npm/vuepress-plugin-awesome-gitalk) [![jsdelivr](https://data.jsdelivr.com/v1/package/npm/vuepress-plugin-awesome-gitalk/badge)](https://www.jsdelivr.com/package/npm/vuepress-plugin-awesome-gitalk) [![ISSUES](https://img.shields.io/github/issues/rain120/vuepress-plugin-awesome-gitalk?style=flat-square)](https://github.com/Rain120/vuepress-plugin-awesome-gitalk/issues) [![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed/rain120/vuepress-plugin-awesome-gitalk?style=flat-square)](https://github.com/Rain120/vuepress-plugin-awesome-gitalk/pulls) [![COMMIT](https://img.shields.io/github/last-commit/rain120/vuepress-plugin-awesome-gitalk?style=flat-square)](https://github.com/Rain120/vuepress-plugin-awesome-gitalk/commits/master) ![LANGUAGES](https://img.shields.io/github/languages/top/rain120/vuepress-plugin-awesome-gitalk?style=flat-square) [![npm](https://img.shields.io/npm/v/vuepress-plugin-awesome-gitalk?style=flat-square)](https://www.npmjs.com/package/vuepress-plugin-awesome-gitalk)

😚 Welcome

Welcome to the vuepress plugin with gitalk.

🎮 TL;DR

⌨️ How to use it, 👇

🔨 Usage

Node
npm install vuepress-plugin-awesome-gitalk --save

// or

yarn add vuepress-plugin-awesome-gitalk

Setting with your account

gitalk-setting-1.png

gitalk-setting-2.png

.vuepress/config.js

module.exports = {
  plugins: [
    [
      'vuepress-plugin-awesome-gitalk', {
        log: true,
        pluginName: config.name,
        enable: true,
        // 挂载节点
        root: "gitalk-container",
        //最大重试次数
        maxRetryCount: 5,
        // 默认是检查时间
        defaultCheckMinutes: 500,
        // 是否开启首页评论
        home: false,
        // 关闭 Gitalk 评论页面, 需要绝对匹配 fullPath, eg: /docs/
        ignorePaths: ['/'],
        // gitalk 配置
        gitalk: {
          clientID: 'your clientID',
          clientSecret: 'your clientSecret',
          repo: 'your repo name',
          owner: 'your owner',
          admin: ['your admin'],
          language: 'zh-CN',
        }
      }
    ],
  ]
}
Ignore Paths
module.exports = {
    plugins: [
      [
        'vuepress-plugin-awesome-gitalk', {
            ignorePaths: ['ignore/']
        }
      ],
    ],
}

🤝 Contributing PR

We welcome all contributions. You can submit any ideas as pull requests or as a GitHub issue.

🔗 Links

Docs & Demo

NPM Package

CDN Package

👨‍🏭 Author

Front-End development engineer, technology stack: React + Typescript + Mobx, also used Vue + Vuex for a while

📝 License

LICENSE

Copyright © 2020-present Rain120.