Hexo主题（Next）美化、配置、优化这一篇就够了

前言

最近一段时间把我的博客重新美化了一番，今天就对这些工作做一个总结，并把方法归纳出来分享给大家，希望大家也能把自己的博客做成自己想要的样子，大概工作如下：

实时更新Next主题
添加可爱的小猫挂件
添加Chat聊天挂件
添加分享挂件
添加音乐界面
添加Valine评论邮件通知
添加相册界面

这些美化功能大部分只需要你花费半个小时左右就可以搞定了，我们马上开始吧！

2018-10-14日

Hexo

3 分钟读完 (大约 493 个字)

Hexo打造可以自由配置的网站通知和页面通知

最近本站要更换域名，所以我就想做一个首页和文章内通知，于是就有了这篇文章。

首先打开theme/next/layout/_layout.swig文件找到如下代码中的content-wrap节点。

<main id="main" class="main">
     <div class="main-inner">
       <div class="content-wrap">
         <div id="content" class="content">
           {% block content %}{% endblock %}
         </div>
         {% include '_third-party/duoshuo-hot-articles.swig' %}
         {% include '_partials/comments.swig' %}
       </div>
       {% if theme.sidebar.display !== 'remove' %}
         {% block sidebar %}{% endblock %}
       {% endif %}
     </div>
   </main>

在content-wrap节点中添加下面代码

{% if theme.main_notify.enable%}
      {% if theme.main_notify.pageshow %}
         {% if page.notify === '' %}
           <p class="content-notify marquee">{{ theme.main_notify.notify }}</p>
         {% else %}
          <p class="content-notify marquee">{{ page.notify }}</p> 
         {% endif %}
       {% elseif page.notify !== '' %}
         <p class="content-notify marquee">{{ page.notify }}</p>
       {% elseif page.title === ''%}
         <p class="content-notify marquee">{{ theme.main_notify.notify }}</p>
       {% endif %}
{% endif %}