hexo 教程4:添加评论代码等优化

#####添加多说评论
hexo默认使用国外比较流行的disqus,不过,按照“因地制宜”的原则,我们修改为国内用的多又好用的“多说”评论系统。步骤非常简单:
1.在 多说进行注册,获得通用代码。
2.将通用代码粘贴到themes\light\layout\_partial\comment.ejs里面,如下:

1
2
3
4
5
<% if ( page.comments){ %>
<section id="comment">
通用代码
</section>
<% } %>

#####添加<页面导航>
在刚才添加「多说」评论的文件中,加入一段代码,如下:

1
2
3
4
5
6
7
8
9
10
11
12
<% if ( page.comments){ %>

<nav id="pagination" >
<% if (page.prev) { %>
<a href="<%- config.root %><%- page.prev.path %>" class="alignleft prev" ><%= __('prev') %></a>
<% } %>
<% if (page.next) { %>
<a href="<%- config.root %><%- page.next.path %>" class="alignright next" ><%= __('next') %></a>
<% } %>
<div class="clearfix"></div>
</nav>
<section id="comment">

#####添加小图标
themes/light/layout/_partial/head.ejs里将<link href="<%- config.root %>favicon.png" rel="icon">替换为<link href="<%- config.root %>favicon.ico" rel="icon" type="image/x-ico">。将favicon.ico图标文件放在source目录下。

#####导航栏添加”关于”
1.hexo new page "about"
2.到source/about/index.md编辑内容。
3.在themes/light/_config.yml中,添加如下:

1
2
menu:
关于: /about

Comments

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×