用Hexo搭了個Gitpage的博客,興沖沖的發了11篇博文后發現翻頁按鈕不正常顯示,顯示為<i class="fa fa-angle-right"></i>
的HTML編碼。如下圖:
<i class="fa fa-angle-right"></i>
這是個什么鬼?
這是一個Font Awesome的字體圖標,按道理來說這個圖標應該可以正常顯示的,現在這個圖標不能顯示了顯示成了html源碼。
解決辦法:
最簡單的辦法就是將<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 %}
重新發布以后可以看到翻頁按鈕可以正常顯示了