个人博客搭建hexo+github(7):显示每篇文章的更新时间


纪晓君-爱延续

如果要显示每篇文章的更新时间,需要修改主题的js代码,通过以下步骤,可以通过主题配置文件选择显示或者不显示更新时间。

主题代码

对于Next主题,在hexo/themes/hexo-theme-next/layout/_macro/post.swig文件里,<div class="post-meta"> <span class="post-time">标签后增加

hexo/themes/hexo-theme-next/layout/_macro/post.swig
1
2
3
4
5
6
7
8
{%if post.updated and post.updated > post.date%}
<span class="post-updated">
&nbsp; | &nbsp; {{ __('post.updated') }}
<time itemprop="dateUpdated" datetime="{{ moment(post.updated).format() }}" content="{{ date(post.updated, config.date_format) }}">
{{ date(post.updated, config.date_format) }}
</time>
</span>
{% endif %}

post-updated用来访问对应的语言配置文件里的值,theme.来访问主题配置文件的变量,post.来访问每篇文章的前置设置(Front Matter)里的变量。
代码里需要保证updated的时间是date之后才会显示

语言配置文件

增加post下updated的配置

hexo/themes/hexo-theme-next/languages/zh-Hans.yml
1
2
post:
updated: 更新于

主题配置文件

增加一行

hexo/themes/hexo-theme-next/_config.yml
1
display_updated: true

文章的前置设置

在文章的开头增加

1
updated: 2015-12-13 20:18:54

然后重新hexo g一下就可以看到效果了。

Reference:

  1. Landscape-F
  2. Front Matter