hexo(三）功能完善

最新推荐文章于 2022-09-24 18:58:25 发布

liuyongshun2

最新推荐文章于 2022-09-24 18:58:25 发布

阅读量1.8k

点赞数 3

分类专栏：工具文章标签： hexo

本文链接：https://blog.csdn.net/liuyongshun2/article/details/72858659

版权

工具专栏收录该内容

8 篇文章 0 订阅

订阅专栏

默认主题，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') %>
<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: 1262066060  // 对应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>

<% } %>