zoukankan      html  css  js  c++  java
  • jacman主题分页出现问题(Next<span></span>)

    应该是hexo更新的问题,但是jacman主题很久没有更新了,所以有些语法和现在的有差别。

    主页的文章分页出现Next<span></span>和<span></span>Prev,也就是html标签没有被正确渲染。同样在archives也有同样的问题

    经过一番尝试,搜索,查看ejs模板文件。终于找到了问题。

    官方文档:https://hexo.io/zh-cn/docs/helpers.html

     Ctrl+F搜索关键字:paginator

     可以看到,需要设置escape参数才能达到不转义html标签的效果。

    更改两个模板文件。位置分别在

    N:log hemesjacmanlayoutindex.ejs

    N:log hemesjacmanlayout\_partialarchive.ejs

    在paginator下添加一行escape:false,记得在上一行还要添加一个逗号

    index.ejs如下

    <div id="main">
    <% page.posts.each(function(item){ %>
      <%- partial('_partial/article', {item: item, index: true,desc: true}) %>
    <% }); %>
    <% if (page.total > 1){ %>
      <nav id="page-nav" class="clearfix<% if (theme.index.expand != true) { %> unexpand<% } %>">
        <%- paginator({
          prev_text: '<span></span>Prev',
          next_text: 'Next<span></span>',
          escape:false
        }) %>
      </nav>
    <% } %>
    </div>

    archives.ejs如下

    <%
    var title = '';
    var icon = '';
    if (page.category){
      title = page.category;
      icon = 'category';
    };
    if (page.tag){
      title = page.tag;
      icon = 'tag';
    };
    if (page.archive){
      icon = 'archive';
      if (page.year) title = page.year+  (page.month ? '/' + page.month : '');
      else title = __('archive_a');
    };
    %>
    
    <div class="archive-title" >
      <h2 class="<%= icon %>-icon"><%= title %></h2>
      <% if(page.archive){ %>
      <div class="archiveslist archive-float clearfix">
       <%- list_archives({format:__('archive_date')}) %>
     </div>
      <% } %>
    </div>
    <div id="main" class="archive-part clearfix">
      <div id="archive-page">
    <% page.posts.each(function(item){ %>
      <%- partial('_partial/article_row', {item: item, index: true}) %>
    <% }); %>
    <% if (page.total > 1){ %>
      <nav id="page-nav" class="clearfix archive-nav">
        <%- paginator({
          prev_text: '<span></span>Prev',
          next_text: 'Next<span></span>',
          escape:false
        }) %>
      </nav>
    <% } %>
      </div>
    </div>
  • 相关阅读:
    OSPF 开放最短路径优先协议
    RIP 路由算法
    原创 记一个上门洗车服务范围的需求实现
    转载 一位资深程序员大牛给予Java学习者的学习路线建议
    原创 解决异步调用实时跳转
    FIFO队列 ADT接口 数组实现
    FIFO队列 ADT接口 链表实现
    约瑟夫问题 链表实现
    合并-查找接口实现
    快速查找 快速合并 加权快速合并 路径等分加权快速合并 算法
  • 原文地址:https://www.cnblogs.com/roadwide/p/14245766.html
Copyright © 2011-2022 走看看