美文网首页
使用 GitHub Issues 搭建评论系统(转)

使用 GitHub Issues 搭建评论系统(转)

作者: Hopeshe | 来源:发表于2018-05-06 22:47 被阅读125次

    这篇文章是转载「I'm Sun」博客里的『Gitment:使用 GitHub Issues 搭建评论系统』,
    原文链接:https://imsun.net/posts/gitment-introduction

    在 Hexo-Yilia 主题中添加 Gitment 评论功能

    1.注册 OAuth Application
    在 Github 点击右上角头像旁的下拉图标,选择 Settings,在打开的页面左边点击 Developer settings,最后点击 New OAuth App


    image

    填写完毕点击绿色的 Register application,就可看到 OAuth Application 中 Client ID 和 Client Secret。

    2.修改 _config.yml
    在 themes/yilia/_config.yml 中修改:

    #5、Gitment
    gitment_owner: '你的 GitHub ID'
    gitment_repo: '存储评论的 repo'       #例如:hopeshe.github.io
    gitment_oauth:
        client_id: 'client ID'
        client_secret: 'client secret'
    

    把 Gitment 引入页面中

    1.注册 OAuth Application
    已讲解不再赘述。

    2.引入 Gitment
    将以下代码添加到你的页面:

    <div id="container"></div>
    <link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
    <script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
    <script>
        var gitment = new Gitment({
            id: '页面 ID', // 可选。默认为 location.href
            owner: '你的 GitHub ID',
            repo: '存储评论的 repo',
            oauth: {
                client_id: '你的 client ID',
                client_secret: '你的 client secret',
            },
        })
        gitment.render('container')
    </script>
    

    3.初始化评论
    页面发布后,你需要访问页面并使用你的 GitHub 账号登录(请确保你的账号是第二步所填 repo 的 owner),点击初始化按钮。之后其他用户即可在该页面发表评论。注: Gitment 只能使用 GitHub 账号进行评论。

    END
    THANK

    相关文章

      网友评论

          本文标题:使用 GitHub Issues 搭建评论系统(转)

          本文链接:https://www.haomeiwen.com/subject/yweprftx.html