Hexo如何实现不用新插件置顶文章

最新推荐文章于 2024-04-18 16:35:31 发布

Zlatanlong

最新推荐文章于 2024-04-18 16:35:31 发布

阅读量243

点赞数

分类专栏： Hexo 文章标签： css3

本文链接：https://blog.csdn.net/Zlatanlong/article/details/104855656

版权

Hexo 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

基于hexo 4 ，NexT 7
来我的blog查看效果

最近想实现一个置顶功能，网查之后发现可以安装插件，我的方法直接修改时间为9999然后不显示时间来规避这个问题。

修改post显示文件

修改themes/next/layout/_macro/post.swig文件，在<div class="post-meta">下面添加

{% if post.top %}
    <i class="fa fa-thumb-tack"></i>
    <font color=7D26CD>置顶</font>
    <span class="post-meta-divider">|</span>
{% endif %}

来用于显示置顶二字。

在下面- if theme.post_meta.created_at处添加判断条件后变为- if theme.post_meta.created_at and not post.top即可。

最后效果如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZI8Z01Cl-1584152145837)(top.png)]

修改archives显示文件

修改themes/next/layout/_macro/post-collapse.swig文件

目的让之前显示年份的地方改成“置顶”，并且小字部分显示年份

代码如下:

{% macro render(posts) %}
{%- set current_year = '1970' %}
{%- set if_have_top = false %}
{%- for post in posts.toArray() %}

  {%- set year = date(post.date, 'YYYY') %}

  {%- if year > 9000 and not if_have_top %}
    {%- set current_year = '置顶' %}
    {%- set if_have_top = true %}
    <div class="collection-year">
      <{%- if theme.seo %}h2{% else %}h1{%- endif %} class="collection-header">{{ current_year }}</{%- if theme.seo %}h2{% else %}h1{%- endif %}>
    </div>
  {% else %}
    {%- if year !== current_year and year <= 9000 %}
      {%- set current_year = year %}
      <div class="collection-year">
        <{%- if theme.seo %}h2{% else %}h1{%- endif %} class="collection-header">{{ current_year }}</{%- if theme.seo %}h2{% else %}h1{%- endif %}>
      </div>
    {%- endif %}
  {%- endif %}

  <article itemscope itemtype="http://schema.org/Article">
    <header class="post-header">
    
      {%- if year > 9000 %}
        <div class="post-meta">
          <time itemprop="dateCreated"
                datetime="{{ moment(post.updated).format() }}"
                content="{{ date(post.updated, config.date_format) }}">
            {{ date(post.updated, 'YYYY-MM-DD') }}
          </time>
        </div>
      {% else %}
        <div class="post-meta">
          <time itemprop="dateCreated"
                datetime="{{ moment(post.date).format() }}"
                content="{{ date(post.date, config.date_format) }}">
            {{ date(post.date, 'MM-DD') }}
          </time>
        </div>
      {%- endif %}

      <{%- if theme.seo %}h3{% else %}h2{%- endif %} class="post-title">
        {%- if post.link %}{# Link posts #}
          {%- set postTitleIcon = '<i class="fa fa-external-link"></i>' %}
          {%- set postText = post.title or post.link %}
          {{ next_url(post.link, postText + postTitleIcon, {class: 'post-title-link post-title-link-external', itemprop: 'url'}) }}
        {% else %}
          <a class="post-title-link" href="{{ url_for(post.path) }}" itemprop="url">
            <span itemprop="name">{{ post.title or __('post.untitled') }}</span>
          </a>
        {%- endif %}
      </{%- if theme.seo %}h3{% else %}h2{%- endif %}>

    </header>
  </article>

{%- endfor %}
{% endmacro %}