解決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>這個不能正常顯示的字體圖標改成一般的字符,我這里就是改成正常的一般左右鍵字符“>”,“<”。
在 themes\hexo-theme-next\layout_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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM