網站配置Gittalk教程和解決gittalk的Error: Not Found.問題

想把網站增加gittalk的評論功能,按照其他教程配置后,出現了 Error: Not Found. 的錯誤。截圖如下:


網上找了很多解決方案,現在貼出來完整的配置Gittalk的教程。

01、新建評論的倉庫

第一步,建一個空的倉庫(博客網站的評論會提交到這個倉庫里)。

第二步,注意在 setting 中啟用該倉庫的 issues。

第三步,初始化 issues(自己先評論一條)


第一條 issue 加了上來。

02、注意 GitHub Apps 的 OAuth Apps 配置項

需要在Settings-Developer settings-OAuth Apps下新建一個。

GitHub Apps 的 OAuth Apps 的配置項如下:


解釋一下:

1)Application name 可以隨便填一個。

2)Homepage URL 必須是博客倉庫的域名(GitHub Pages 的)。

3)Authorization callback URL 必須是博客的域名(http://www.itwanger.com)。

03、博客網站配置

在博客的文章頁面模板合適的地方放以下代碼,并對應修改為自己的信息:

<!-- Link Gitalk 的支持文件  -->
<link rel="stylesheet" >
<script src="https://unpkg.com/gitalk@latest/dist/gitalk.min.js"></script> 
<div id="gitalk-container"></div>     <script type="text/javascript">
    var gitalk = new Gitalk({

    // gitalk的主要參數
        clientID: '復制剛才生成的clientID',
        clientSecret: '復制剛才生成的clientSecret',
        repo: '自己博客的地址',
        owner: 'GitHub的用戶名',
        admin: ['Github的用戶名'],
        id:decodeURI(window.location.pathname),

    });
    gitalk.render('gitalk-container');
</script> 
<!-- Gitalk end -->

我的對應截圖的配置(僅供參考,要改為自己的配置):

gitalk:
    owner: qinggee
    repo: blog-comments
    clientID: 11a6f252f6224761
    clientSecret: 3d1722301d3ecfc3828d137c9ea50c00a7

對應配置解釋:

1)owner 為 GitHub 的登錄名;

2)repo 為 01 中新建的評論倉庫

3)clientID 和 clientSecret 則為 OAuth Apps 生成的。

04、其他內容:

gittalk是根據文章的地址進行issue設置并匹配的,所以文章地址不要輕易變更。

參考鏈接: blog.csdn.net
本文首發于BigYoung小站

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容