想把網站增加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小站