Skip to content

主页面的上一页和下一页按钮显示出错 #162

@FenghuJi

Description

@FenghuJi

在应用了fexo主题后,在主页面的上一页和下一页的导航界面,箭头渲染不出来。显示如下:
image
查看网页源代码后,我的导航处的代码为


<div class="pagination">
   <nav class="page-nav">
   <span class="page-number current">1</span><a class="page-number" href="/archives/page/2/">2</a><a class="extend next" rel="next" href="/archives/page/2/">&lt;i class&#x3D;&quot;icon-angle-right&quot;&gt;&lt;&#x2F;i&gt;</a>
   </nav>
   </div>

而博主您的博客查看网页源代码在导航处代码为:


<div class="pagination">
--
   <nav class="page-nav">
   <span class="page-number current">1</span><a class="page-number" href="/archives/page/2/">2</a><a class="page-number" href="/archives/page/3/">3</a><a class="extend next" rel="next" href="/archives/page/2/"><i class="icon-angle-right"></i></a>
   </nav>
   </div>

同样的,左箭头也是出现这样的情况,但只出现在博客主界面的归档页面。文章页面则没有这种问题。查看其相关的.ejs文件代码为:

<% if (page.total > 1){ %>
  <div class="pagination">
    <nav class="page-nav">
      <%- paginator({
        prev_text: '<i class="icon-angle-left"></i>',
        next_text: '<i class="icon-angle-right"></i>',
        mid_size: 1
      }) %>
    </nav>
  </div>
<% } %>

用的是您的master分支代码,和您别的分支的代码相同,所以十分困惑是否在这里最近的master分支进行了改动,我不太懂前端,想问问您这种情况的原因是什么。
hexo 版本为4.1.1,在两台电脑上均出现这种情况。检查页面参照您的博客修改html代码后可以正确显示。因为网页在本地调试,不能直接发链接给您,期待您的回复。

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions