zoukankan      html  css  js  c++  java
  • 解决Hexo博客模板hexo-theme-next的翻页按钮不正常显示问题

    用Hexo搭了个Gitpage的博客,兴冲冲的发了11篇博文后发现翻页按钮不正常显示,显示为<i class="fa fa-angle-right"></i>的HTML编码。如下图:
    HTML编码
    <i class="fa fa-angle-right"></i>这是个什么鬼?
    这是一个Font Awesome的字体图标,按道理来说这个图标应该可以正常显示的,现在这个图标不能显示了显示成了html源码。
    Font Awesone图标
    解决办法:
    最简单的办法就是将<i class="fa fa-angle-right"></i>这个不能正常显示的字体图标改成一般的字符,我这里就是改成正常的一般左右键字符“>”,“<”。
    在 themeshexo-theme-nextlayout_partials 下找到hexo-theme-next的翻页组件,就是pagination.swig

    {% if page.prev or page.next %}
      <nav class="pagination">
        {{
          paginator({
            prev_text: '<i class="fa fa-angle-left"></i>',
            next_text: '<i class="fa fa-angle-right"></i>',
            mid_size: 1
          })
        }}
      </nav>
    {% endif %}
    

    改成

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

    重新发布以后可以看到翻页按钮可以正常显示了
    正常显示箭头


    作者博客:http://xiejava.gitee.io

  • 相关阅读:
    java第九次作业
    java第八次作业
    java第七次作业
    java第六次作业
    java第五次作业
    java第四次作业
    java第三次作业
    java第二次作业
    java第一次作业
    Javascript设计模式-----装饰者模式
  • 原文地址:https://www.cnblogs.com/xiejava/p/12456273.html
Copyright © 2011-2022 走看看