Solve Hexo blog template hexo-theme-next page button does not show the normal problems

Gitpage with Hexo take up a blog, excitedly after Bowen issued a 11 page-turning buttons are not displayed correctly found, displayed as <i class="fa fa-angle-right"></i>HTML code. As shown below:
HTML coding
<i class="fa fa-angle-right"></i>This is what the hell?
This is a Font Awesome font icon, it stands to reason that this icon should be displayed properly, and now this has become the icon can not show the display html source code.
Font Awesone icon
Solution:
The easiest way is <i class="fa fa-angle-right"></i>this can not be shown in the font icon into a general character, I have here is a normal change in general about the key characters ">", "<."
Find hexo-theme-next flip assembly in the \ themes \ hexo-theme-next layout_partials , is pagination.swig
will

{% 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 %}

Change

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

After the re-release button to display the next page you can see normal
Normal display arrow


On the blog: http://xiejava.gitee.io

Guess you like

Origin www.cnblogs.com/xiejava/p/12456273.html