這篇記錄是在參考文末的三個(gè)鏈接的基礎(chǔ)上，在yelee主題上驗(yàn)證通過的。

##########################################

這里進(jìn)行注冊:

https://github.com/settings/applications/new

?

注冊后會生成如圖所示的ID、Secret 【下文有用】

如上圖，以小編的申請為例：

• Application name填入喜歡的應(yīng)用名稱。
• Homepage URL填入域名。
• Application description填入應(yīng)用的描述。
• Authorization callback URL 填入域名。

然后，Register application，轉(zhuǎn)到應(yīng)用頁面。在該頁面，可以看到Client ID和Client Secret。

使用配置

以yelee主題為例。

1、下載gitalk項(xiàng)目
git clone https://github.com/gitalk/gitalk.git

2、拷貝gitalk/dist/目錄下的gitalk.css和gitalk.min.js到y(tǒng)elee/source/lib/gitalk目錄。

3、在yelee/layout/_partial/post目錄下，新建gitalk.ejs，內(nèi)容為：

?

<div class="gitalk"><div id="gitalk-container"></div><script type="text/javascript">const gitalk = new Gitalk({clientID: '<%=theme.gitalk.client_id%>',clientSecret: '<%=theme.gitalk.client_secret%>',repo: '<%=theme.gitalk.repo%>',owner: '<%=theme.gitalk.owner%>',admin: ['<%=theme.gitalk.admin%>'],id: location.pathname, // Ensure uniqueness and length less than 50distractionFreeMode: false // Facebook-like distraction free mode})gitalk.render('gitalk-container')</script> </div>

?

?

4、編輯yelee/layout/_partial/article.ejs，添加：

<% if (!index && theme.gitalk.enable && post.comments){ %> <%- partial('post/gitalk', {key: post.slug,title: post.title,url: config.url+url_for(post.path)}) %> <% } %>

?

5、編輯yelee/_config.yml，添加：
?

gitalk: enable: trueclient_id: 改成自己的client_secret: 改成自己的repo: appleyuchi.github.ioowner: appleyuchiadmin: appleyuchi

6、編輯yelee/layout/_partial/head.ejs，添加：

<% if (theme.gitalk.enable){ %><link rel="stylesheet" href="/lib/gitalk/gitalk.css"><script src="/lib/gitalk/gitalk.min.js"></script> <% } %>

至此，配置gitalk評論插件完成。

最終效果如下圖：

?

?

#################################################################33

關(guān)于Error:Not found問題，解決方案：

一、

網(wǎng)上說法較多的是：

repo: apppleyuchi.github.io

這里不要寫成鏈接

二、

我碰到了另外一種情況，因?yàn)槲铱戳撕脦讉€(gè)博客，所以每個(gè)博客的變量定義都不一樣，導(dǎo)致一直出現(xiàn)這個(gè)問題，好了，說重點(diǎn)：
yelee/config.yml中的變量名稱例如：

yelee/layout/_partial/post/gitalk.ejs中涉及到的變量(例如owner、admin等)

必須在yelee/_config.yml中存在，且這兩個(gè)文件中的這些變量命名必須一致，否則就會出現(xiàn)上面那個(gè)錯(cuò)誤。

?

很顯然，如果你多看幾個(gè)博客，每個(gè)博客對變量的定義都不一樣，

你東拷貝一點(diǎn)，西拷貝一點(diǎn)，導(dǎo)致上述兩個(gè)文件中的變量名稱不一致，就會出現(xiàn)這個(gè)問題。

上述內(nèi)容絕大部分取自于[1]

?

?

參考鏈接:

[1]https://www.voidking.com/dev-hexo-gitalk-comment-plugin/

[2]https://blog.csdn.net/lzw2016/article/details/83244906

[3]https://www.jianshu.com/p/656e6101bf0f
?

總結(jié)

以上是生活随笔為你收集整理的yelee主题安装gitalk(转载+整理)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。