NexT相关

今天闲来无事，发现NexT已经更新到7.8.0，而自己前几天刚刚搭好的博客还是5.1版本，内心十万只羊驼呼啸而过。。。虽然很不情愿，但本着早生晚生都要生的态度，就决定在折腾一把，进行升级。。。谨以此文，纪念我升级过程中遇到的大坑。

NexT从5.1.x —> 7.8.0 中遇到的坑

升级过程其实很简单，直接从github上clone下来就行了，具体可以参考官方文档，这里不过多阐述。直接说遇到的坑吧！

显示的字体变成梵文？？
其实这个问题是因为没有好好看官方文档导致的。。在5.1版本中，中文设置是叫zh-Hans，在新版本中，中文应该设置为 zh-CN 。之后之间刷新就好了，如果没有效果，先clean一下，之后正常显示中文了。

给文章添加的阴影效果不见了

在5.1版本中，可以通过修改_custom下的custom.styl来覆盖原有样式，但是在新版本中，目录结构发生了变换，导致这个方法失效了，所以只能通过其他手段实现。然后在主题配置文件中，可以找到以下配置：

我们将红框圈出来的这一行的注释去掉，然后在 站点根目录下的source目录下，新建_data目录，再新建styles.styl。走到这一步，原本以为成功了，将之前代码复制进去，发现还是没有用。。。后来发现是因为样式名已经变了，所以需要重写，下面是添加的代码

.use-motion {
	if (hexo-config('motion.transition.post_block')) {
		.post-block {
		   opacity: 0;
		   margin-top: 60px;
		   margin-bottom: 60px;
		   padding: 25px;
		   -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
		   -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
		}
		.pagination, .comments {
			opacity: 0;
		}
	}
}

然后在执行hexo clean & hexo s ，就可以在本地看到消失的阴影框又出现了。

文章置顶的功能

这个功能其实还好，和5.1版本一样，直接修改 themes*\layout\_macro目录下的post.swig

定位到 div class=”post-meta” 标签下，插入如下代码：

{% if post.top %}
    <i class="fa fa-thumb-tack"></i>
    <font color=green>置顶</font>
    <span class="post-meta-divider">|</span>
{% endif %}

然后保存刷新，就可以看到效果了。（首先要安装hexo-generator-index-pin-top插件，以及卸载掉原本的hexo-generator-index插件）

添加文章阅读标记

这个功能其实也和老版本一样，没有改动。在\themes\*\layout\_macro中新建passage-end-tag.swig文件，然后添加以下代码

<div>
    {% if not is_index %}
        <div style="text-align:center;color: #ccc;font-size:14px;">-------------已经触及底线啦<i class="fa fa-paw"></i>感谢您的阅读-------------</div>
    {% endif %}
</div>

接着在统计目录下，修改post.swig,在post-body后，END POST BODY前，添加以下代码：

<div>
  {% if not is_index %}
    {% include 'passage-end-tag.swig' %}
  {% endif %}
</div>

最后在主题配置文件中，添加以下配置：

1 2	passage_end_tag: enabled: true

这样可以实现阅读结束标记了==

不蒜子不显示
在更新的7.8版本中，有关于不蒜子的设置，将其设置为true后，还是不显示访问人数，在baidu后发现都是说调用api出错，但是经过查看后发现，api并没有错。。。所以在打开开发者模式后才发现，不蒜子的数据是有的，但是样式后面加上了display:none。。。所以该样式并没有显示。然后在themes\your_theme\layout_third-party\statistics目录下打开busuanzi-counter.swig以及themes\your_theme\layout_macro目录下的post.swig,果然发现了该样式，如图: