hexo(三）功能完善

默认主题，landscape

hexo搭建完成了，肯定是要不断完善优化的。下面就简单的记录我自己的完善过程，虽然只是做了一小部分，但是记录下来也方便以后自己在花大量时间去查找资料。

一、写文章时如果内容太多，滚动条太长，这时候就需要一个返回顶部了。参考资料

step：

1、 打开 /themes/landscape/layout/_partial ,新建 totop.ejs

<div id="totop">
  <a title="javascript:;">返回<br>顶部</a>
</div>
           

2、打开 /themes/landscape/source/js ，新建 totop.js ，

(function($) {
    var upperLimit =;

    // Our scroll link element
    var scrollElem = $('#totop');

    // Scroll to top speed
    var scrollSpeed =;
    scrollElem.hide();
    $(window).scroll(function () {
        var scrollTop = $(document).scrollTop();
        if ( scrollTop > upperLimit ) { $(scrollElem).stop().fadeTo(300,);  }else{ $(scrollElem).stop().fadeTo(300,);  }
    });
    $(scrollElem).click(function(){
        $('html, body').animate({scrollTop:0}, scrollSpeed); return false;
    });
})(jQuery);
           

3、打开文/themes/landscape/layout/_partial/after_footer.ejs ，末尾添加以下代码：

<%- partial('totop') %>
<script src="<%- config.root %>js/totop.js"></script>
           

4、个人的样式（stylus）

#totop
  position:fixed
  bottom:50px
  right:30px
  text-align: center
  z-index: 100
  a
    display: block
    padding 4px 8px
    color: #fff
    background-color: #258fb8
    cursor: pointer
    border-radius: 5px
    &:hover
      opacity: .8
           

二、网站肯定需要统计啊，毕竟拜访的人越多，快感越强。来呀，快活呀（是不是唱出来了，手动滑稽），统计工具cnzz。参考资料

step：

1、注册CNZZ，添加自己的网站，然后点击统计代码，会看到好多，有文本的，也有图片的，按着自己喜欢的来。

2、在获取统计代码时，拿到url输入框里的siteid的值。

盗图from：

3、在themes下的

_config.yml

里加入如下代码。

# Analytics
cnzz:
  enable: true
  siteid:   // 对应siteid的值
           

4、在/themes/jacman/layout/_partial/下新建cnzz.js。

<% if (theme.cnzz.enable){ %>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1262066060'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1262066060%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>

<% } %>
           

5、上面已经完成，至于设置密码，和位置摆放，完全看个人喜欢了。最后在下个手机版本的cnzz，然后给亲朋好友一顿推销，增加访问量。

三、写文章没图怎么能行，纯文字那叫文学，而我们是要写技术的人。没图片怎么能说清。所以搞个图床吧，毕竟github的速度和空间都需要考虑，图床用的七牛。乱七八糟的有很多，自己挑好了。

step：

1、注册七牛，对象存储点击添加，创建空间名，保存。

2、找到内容管理，在该页面上传图片，传完后关闭。

3、点击你上传的图片，然后复制外联。

4、在写markdown时，即可引用图片。

四、网站想要被更多人知道，SEO必须要做。每日向给个搜索引擎提交自己的网站。网站验证方法虽然我的在google下验证通过了，但是百度一直失败。揪心，每日提交，等着爬虫来抓去，总感觉满难得。后续这一块也要做优化。

百度入口

谷歌入口

360入口

搜狗入口

必应入口

目前大概做的这么多，还有好些需要做的呢。后续在一点点优化。

预期要做的内容：

1. 站内搜索需要调整，自带的无法用
2. 增加评论系统
3. 调整分享功能，自带的有些问题
4. 做SEO优化
5. 解决github pages屏蔽百度爬虫的问题，不知道是不是这个问题导致百度验证一直没通过。

如果有人做了相关的内容，也可以给博主推荐一下，感激不尽。