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 = 1000;

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

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

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

<%- partial('totop') %>

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:

hexo(三)功能完善_第1张图片

3、在themes下的 _config.yml里加入如下代码。

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

hexo(三)功能完善_第2张图片

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

<% if (theme.cnzz.enable){ %>

                    
                    

你可能感兴趣的:(工具)