yelee主题安装gitalk(转载+整理)

这篇记录是在参考文末的三个链接的基础上，在yelee主题上验证通过的。

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

这里进行注册:

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

注册后会生成如图所示的ID、Secret 【下文有用】

如上图，以小编的申请为例：

Application name填入喜欢的应用名称。
Homepage URL填入域名。
Application description填入应用的描述。
Authorization callback URL 填入域名。

然后，Register application，转到应用页面。在该页面，可以看到Client ID和Client Secret。

使用配置

以yelee主题为例。

1、下载gitalk项目
git clone https://github.com/gitalk/gitalk.git

2、拷贝gitalk/dist/目录下的gitalk.css和gitalk.min.js到yelee/source/lib/gitalk目录。

3、在yelee/layout/_partial/post目录下，新建gitalk.ejs，内容为：

<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

关于Error:Not found问题，解决方案：

一、

网上说法较多的是：

repo: apppleyuchi.github.io

这里不要写成链接

二、

我碰到了另外一种情况，因为我看了好几个博客，所以每个博客的变量定义都不一样，导致一直出现这个问题，好了，说重点：
yelee/config.yml中的变量名称例如：

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

必须在yelee/_config.yml中存在，且这两个文件中的这些变量命名必须一致，否则就会出现上面那个错误。

很显然，如果你多看几个博客，每个博客对变量的定义都不一样，

你东拷贝一点，西拷贝一点，导致上述两个文件中的变量名称不一致，就会出现这个问题。

上述内容绝大部分取自于[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

yelee主题安装gitalk(转载+整理)相关推荐

Hexo博客主题安装和优化（一）
当你看到这篇文章的时候,想必你已经搭建好了属于你的Hexo博客并且已经部署到了Github上面,如果还没有的话呢,请移步去Hexo+github搭建博客! 因为默认的Hexo主题实在太难看了,所以我们 ...
hexo的yelee主题使用katex引擎(markdown渲染加速)
关于hexo网上的绝大部分对markdown语法进行渲染的都是mathjax引擎, 但是mathjax实在是响应太慢了. 后来看到了链接[1],是针对next主题的,下载了一个next主题研究了下,发 ...
(视频) 《快速创建网站》3.4 网站改版3分钟搞定－ WordPress主题安装和备份
本文是<快速创建网站>系列的第8篇,如果你还没有看过之前的内容,建议你点击以下目录中的章节先阅读其他内容再回到本文. 访问本系列目录,请点击:http://devopshub.cn/tag ...
PPT制作--这不是技巧，而是常识然而好多人并不知道 (hsyl007转载整理)
<hsyl007转载整理--hsyl007学习笔记收集整理 ,个人博客地址 http://hsyl007.work/zblog/> 这篇文章是我对PPT进行主题阅读的一个尝试,主题阅 ...
静态博客 Hexo material 主题安装
静态博客 Hexo material 主题安装注意,这里介绍的 Material 主题是 1.5.2 的版本如果你还没有安装 Hexo,并且对它有兴趣,请前往 EasyHexo 这里将提供 Hex ...
zblog模板怎么安装？zblog主题安装教程
有很多初次使用zblog的新手还会问我"zblog模板怎么安装?",那么本文就专门给大家介绍下zblog主题安装教程. zblog现在分为zblogasp和zblogphp两个版本 ...
Matlab R2016b 版本配置+安装LIBSVM 呕心沥血整理全集
Matlab R2016b 版本配置+安装LIBSVM 呕心沥血整理全集目录前言 LIBSVM安装包下载安装编译器测试安装是否成功编译文件测试使用本文中参考到的博文后记前言 (一些废 ...
wordpress主题安装
wordpress主题安装很简单,通过以下几步就可以完成wordpress主题安装了: 1.下载WordPress主题,解压缩大家可以到这里找一些主题资源:WordPress资源汇总 2.通过FTP ...
wordpress之插件安装和主题安装(包含常见问题)
问题描述:安装WordPress主题及插件需要输入FTP问题,要执行请求的操作,WordPress需要访问您网页服务器的权限.请输入您的FTP登陆凭据以继续执行如下两条命令即可安装成功: sudo ...

yelee主题安装gitalk(转载+整理)

yelee主题安装gitalk(转载+整理)相关推荐

最新文章

热门文章