Hexo+nexT页脚美化

本文为建站初期小结,查看完整建站教程:Hexo+nexT主题搭建个人博客

NextMist主题页脚默认左对齐,本文目标:
1.实现页脚元素居中对齐;
2.页脚添加cnzz站长统计并简单美化

1. 页脚元素居中

修改your blog\themes\next\source\css\_schemes\Mist\index.styl文件,将.footer-inner中的text-align: left;修改为text-align: center;即可。

2. 页脚添加cnzz站长统计

站点添加cnzz站长统计

参考:添加CNZZ数据统计功能的支持(隐藏“站长统计”文字)

修改站长统计显示位置

修改your blog\themes\next\layout\_partials\footer.swig文件,在<div class="copyright" ></div>中添加如下代码:

1
2
3
4
5
{% if theme.cnzz_siteid %}
<span class="site-pv">
<script src="http://s6.cnzz.com/stat.php?id={{ theme.cnzz_siteid }}&web_id={{ theme.cnzz_siteid }}" type="text/javascript"></script>
</span>
{% endif %}

如图:
添加代码

3. 最终效果

最终效果

本文标题:Hexo+nexT页脚美化

文章作者:wuxubj

发布时间:2016年07月06日 - 11:07

最后更新:2017年05月03日 - 10:05

原始链接:http://www.wuxubj.cn/2016/07/footer-beautify-of-nexT/

许可协议: Attribution-NonCommercial 4.0 转载请保留原文链接及作者。

扫二维码
扫一扫,用手机访问本站

扫一扫,用手机访问本站