hexo+NexT博客优化第二弹

最近对hexo和NexT博客又做了一次优化。主要干了三件事。

博客地址

顶部加载条实现：

image

这个如果用的是比较新的NexT主题，只需要在配置文件里面进行修改就可以了。旧的话，就需要对/next/layout/_partials/head.swig文件做些修改，添加对应的代码。

具体的可以点击上次那篇推荐的文章。

hexo的next主题个性化教程：打造炫酷网站

另外就是增加了词云和运行时间。

词云其实就是标签做的，放在侧边栏上。需要安装插件。

npm install hexo-tag-cloud@^2.0.* --save

接着在next/layout/_macro/sidebar.swig添加如下内容。

{% if site.tags.length > 1 %}



Tag Cloud

    
        {{ list_tags() }}
    


{% endif %}

运行时间的话，在next/layout/_custom/sidebar.swig文件中先添加。

接着在next/layout/_macro/sidebar.swig文件中修改。

    {# Blogroll #}
    {% if theme.links %}
      

        

          
          {{ theme.links_title }} 
          
        
        

          {% for name, link in theme.links %}
            

              {{ name }}
            
          {% endfor %}
        
         {% include '../_custom/sidebar.swig' %}
      
     {% endif %}

觉得需要调整颜色的还可以在/next/source/css/_custom/custom.styl加入如下的语句。

// 自定义的侧栏时间样式
#days {
display: block;
color: rgb(7, 179, 155);
font-size: 13px;
margin-top: 15px;
}

image

另外参照着增加了Readme，增加了一些图标等。

image

有找到了几篇还不错的文章。以及本次优化参考的主要文章链接。

打造个性超赞博客Hexo+NexT+GithubPages的超深度优化
在移动设备下启用NexT主题的目录页面和回到顶部按钮
Hexo博客中使用标签云hexo-tag-cloud
Hexo 标签云插件github地址