^_^简约而不简单!欢迎来到梅卫平の阅览室!您是第 位访客^_^

🌱 VIP绿色通道

(一)常用检索: 1. JCR-IF查询路径一, 路径二, 路径三      2. CiteScore-IF查询     3. SCI期刊检索     4. 中科院分区查询路径一, 路径二     5. SSCI检索     6. ESCI检索     7. EI检索 (备用)     8. ISTP检索
(二)ESI检索&Nature Index查询: 1. ESI查询      2. Nature Index查询      3. Nature Index Journal列表
(三)基金查询入口: 1. 国自然官方查询     2. 国自然梅斯查询     3. 国自然科学网查询
(四)备用网址: 1. 梅斯SCI期刊智能查询     2. 论文被SCI收录情况查询方法     3. CSCD期刊检索     4. 中国知网检索     5. PubChem     6. ChemSpider     7. 科研者之家     8. 爱科研

Hexo Landscape 如何更改上一篇下一篇链接的字体颜色


先看效果图:

更改前文字和链接都是灰色的,很难看清楚:

更改后文字和链接改为蓝色的,一目了然:

方法:

打开主题(\landscape\\)文件夹内的nav.ejs 文件,路径如下

E:~\Blog\Hexo\themes\landscape\layout_partial\post\nav.ejs

将初始代码:

<% if (post.prev || post.next){ %>
<nav id="article-nav">
  <% if (post.prev){ %>
    <a href="<%- url_for(post.prev.path) %>" id="article-nav-newer" class="article-nav-link-wrap">
      <strong class="article-nav-caption"><%= __('newer') %></strong>
      <div class="article-nav-title">
        <% if (post.prev.title){ %>
          <%= post.prev.title %>
        <% } else { %>
          (no title)
        <% } %>
      </div>
    </a>
  <% } %>
  <% if (post.next){ %>
    <a href="<%- url_for(post.next.path) %>" id="article-nav-older" class="article-nav-link-wrap">
      <strong class="article-nav-caption"><%= __('older') %></strong>
      <div class="article-nav-title"><%= post.next.title %></div>
    </a>
   <% } %>
</nav>
<% } %>

更改为(添加了4处 font color=blue 和 /font 的内容,并顺便加了个中文的“上一篇”,“下一篇”):

<% if (post.prev || post.next){ %>
<nav id="article-nav">
  <% if (post.prev){ %>
    <a href="<%- url_for(post.prev.path) %>" id="article-nav-newer" class="article-nav-link-wrap">
      <strong class="article-nav-caption"><font color=blue><%= __('下一篇 newer') %></font></strong>
      <div class="article-nav-title">
        <% if (post.prev.title){ %>
          <font color=blue><%= post.prev.title %></font>
        <% } else { %>
          (no title)
        <% } %>
      </div>
    </a>
  <% } %>
  <% if (post.next){ %>
    <a href="<%- url_for(post.next.path) %>" id="article-nav-older" class="article-nav-link-wrap">
      <strong class="article-nav-caption"><font color=blue><%= __('上一篇 older') %></font></strong>
      <div class="article-nav-title"><font color=blue><%= post.next.title %></font></div>
    </a>
   <% } %>
</nav>
<% } %>

更改完代码,在根目录E:~Blog\Hexo下运行:

$ hexo g
$ hexo s

在本地网址 http://localhost:4000/ 查看效果,没有问题的话,就再运行:

$ hexo g -d

推送到网页博客,就Ok了。以上。



<已有 次阅读>


由于本文作者水平有限,文中如有错误之处,欢迎大家批评指正!

① 本文仅代表作者个人观点,不代表任何其它立场,欢迎交流合作!

② 转载与分享请注明:本文源于 http://meiweiping.cn

^_^ 本文字数统计:619 字