hexo搭建个人博客总结（三）

2018-04-25

为自己的博客搭建更多功能

云储存搭建
评论功能的插入
统计功能
（部分参考他人博客总结）

1.七牛云图床(供博客图床使用，可选择性进行)

尴尬了，网站要域名备案，即用不了了，之前的图片链接都作废了，还是放在本地的文件图片文件夹里吧。。。。还有得把用到的图片链接换回来。。。。

七牛云介绍

挺好的一个云服务网站，注册后可以免费领取10G免费空间等等，可以将博客中需要使用的图片上传到注册的服务器上，可以加快图片的加载速度，至少比在github上的速度快很多。

七牛云账号创建和设置

进入七牛云官网注册，按照流程进行，登陆后选择对象存储，这里需要先实名认证，此时可以选择绑定域名(需要已备案)，在内容管理中可以上传图片(需实名注册)，复制图片的链接即可在再网页上访问

下面试试看是否外链能用了

看来是OK了！

评论功能的插入

凉凉，第一次添加“评论功能”宣告失败
弄完后本地服务器运行好久，最后无法加载。。。。。
真滴难受，熬到三点半想搞定这个，结果一场空
现在还要恢复都还没添加时的状态，尴尬
代码等明天再重新在git上下载吧！就换回shemes–yilia全部替换回来。。。。。。
睡觉。。。。。。

2018-04-25

终于改回到原来的样子了，妈呀，好麻烦这个，心态崩了！！！存在好多问题，所以评论问题打算暂时留着，等心态调整好了再来弄弄看，现在搞得头好晕。。。。。。（很难改的，最后总结重新安装==。。。。）
网上好多推荐这个https://github.com/litten/hexo-theme-yilia
好难看懂

2018-04-27

总结一下添加评论功能的艰辛

那些评论的网站不是关了，就是要备案（高逼格）
最后想了想，其实也不怎么需要这个评论，所以打算不弄了
等看到一些真的简单好用的再来推荐

统计功能

yilia主题中集成了google_analytics和baidu_analytics的统计功能，选择一种进行注册，绑定域名即可，但是页面不会有显示的效果，此处，我集成了一个第三方统计插件-不蒜子,按照官网提示操作步骤进行即可，详细如下：

1.打开\themes\yilia\layout_partial目录下的footer.ejs文件，首先最最后copy以下一行代码：
1
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

2.此处为了方便灵活管理，可以通过配置文件控制显示，选择合适的位置(我选择加在footer.ejs中)，可以加入如下配置

<div class="footer-left">
&copy; <%= date(new Date(), 'YYYY') %> <%= config.author || config.title %>
<% if (theme.site_count){ %>
    <span id="busuanzi_container_site_pv">本站被踩过<span id="busuanzi_value_site_pv"></span>次</span>
<% } %>
<% if (theme.user_count){ %>
<span id="busuanzi_container_site_uv">被<span id="busuanzi_value_site_uv"></span>人踩过</span>
<% } %>
</div>

3.预览效果为：

4.在文章标题后面显示文章的访问量，在\themes\yilia\layout\_partial下的article.ejs中的以下位置加入：

<header class="article-header">
<%- partial('post/title', {class_name: 'article-title'}) %>
<% if (theme.page_count && !index){ %>
  </br>
  <a class="article-count-a-tag" href="javascript:void(0);">
    <span class="icon-sort"></span>
    <span id="busuanzi_container_page_pv" class="article-count-a-span">
            被偷看了：<span id="busuanzi_value_page_pv"></span>次
    </span>
  </a>
<% } %>
<% if (!post.noDate){ %>
<%- partial('post/date', {class_name: 'archive-article-date', date_format: null}) %>
<% } %>
</header>

5.此处有一个小细节就是判断条件中加入 !index 判断条件，在主页时不显示，点击进入某文章时才显示统计的效果，最后还需要在…\themes\yilia\source的main.css中加入自定义的class，我定义的为：
1
2
.article-count-a-tag{color:gray;font-size:14px;}
.article-count-a-span{color:#ef7522;font-size:14px;}