首先是添加 ga 代码:

  • 打开 Themes > your theme > layout > _partial 下面的 google-analytics.ejs,把JS代码粘贴此文件中。
1
2
3
4
5
6
7
8
9
10
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXX-5', 'auto');
ga('send', 'pageview');
</script>
  • 设置google-analytics,打开themes > your theme 的_config.yml文件,输入:
1
2
3
4
google_analytics:
enable: true
id: your_GAID
site: auto

这个方法是先从其他博客抄来的,因为 ga 24 小时之后才会收数,需要 24 小时之后才能知道这个方法是否有效。

添加评论区

评论区使用的是 Disqus

需要注册,然后在 setting 下面选择 Add disqus to site。接下来就根据向导往下注册。

接下来配置 hexo 下的 _config.yml 文件,加上下面这句:

1
2
# Disqus
disqus_shortname: arya0822

如果你使用的主题缺少 comment.ejs,需要在目录 themes/xxxx/layout/_partial/comment.ejs 下添加代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<% if (page.comments){ %>
<section id="comment">
<h1 class="title"><%= __('comment') %></h1>
<% if (theme.comment_provider == "facebook") {
if (theme.facebook) { %>
<%- partial('_partial/facebook_comment', {fbConfig: theme.facebook}) %>
<% } %>
<% } else if(config.disqus_shortname) { %>
<div id="disqus_thread">
<noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
<% } %>
</section>
<% } %>

如果还是不成功,在目录 themes/xxxx/layout/_partial 下检查一下 after_footer.ejs 是否具有以下代碼:

1
2
3
4
5
6
7
8
9
10
11
12
13
<% if (config.disqus_shortname){ %>
<script type="text/javascript">
var disqus_shortname = '<%= config.disqus_shortname %>';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/<% if (page.comments){ %>embed.js<% } else { %>count.js<% } %>';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
<% } %>

評論 CSS 設置,請到 themes/xxxx/source/css/_partial/comment.styl 查閱:

1
2
3
4
5
6
7
8
#comment
padding 20px
background #272822
box-shadow 1px 2px 3px #ddd
margin-bottom 50px
.title
font-weight normal
margin-bottom 15px

最後再確認一下,在 theme/xxxx/source/_partial/css/style.styl 有載入 comment 的 CSS:

1
@import '_partial/comment'

在主页显示摘要

要实现摘要,只需要在文章开头写好摘要后,另起一行键入<!−− more −−>即可,就像这样:

1
2
3
4
---
这是摘要
<!-- more -->
这是正文

如果不想显示“Read More”而显示别的文字比如“阅读更多”,打开主题的配置文件,定位到如下位置:

1
excerpt_link: Read More

改为:

1
excerpt_link: 阅读更多