hexo疑难杂症

记录一下博客使用过程中遇到的问题及解决方案。

翻页按钮错误

问题：翻页按钮显示为<i class="fa fa-angle-left"></i>和<i class="fa fa-angle-right"></i>

解决办法：

打开next > layout > _partials > pagination.swig ，将错误的HTML代码改为‘下一页’和‘上一页’即可！

{% if page.prev or page.next %}
  <nav class="pagination">
    {{
      paginator({
        prev_text: '上一页',
        next_text: '下一页',
        mid_size: 1
      })
    }}
  </nav>
{% endif %}

增加微信二维码

将自己的二维码图片放在source/images中，在\themes\next\layout\_macro\sidebar.swig文件中，{{- next_inject('sidebar') }}之前，增加以下代码：

<div class="wechat_OA">
    <span>欢迎加微信讨论</span>
    <br>
    <!-- 这里添加你的二维码图片 -->
    <img src ="/images/wechat.png" style="zoom:40%;" />
</div>

TOC展开

让侧边栏的TOC不要默认是折叠的，都展开方便查看结构

step1: 打开文件themes/next/source/css/_common/components/sidebar/sidebar-toc.styl,将

.post-toc .nav .nav-child { display: none; }

修改为

.post-toc .nav .nav-child { display: block; }

换行

通过两个空格+换行才能实现换行。有说可以解决直接换行的，我试了都没有成功。

支持Mermaid

安装

npm install hexo-filter-mermaid-diagrams --save

配置：主题文件夹下的_config.yml中的mermaid，如果是false，就改成true。