我给博客添加了显示文章发表日期的功能

这不趁着周末又给博客添加新的功能了。Hexo 默认主题没有在文章页面显示发表时间,现在我通过修改主题,把它给加上了。

你现在看到的是这样的:

  • 在首页
  • 在文章页

我是这样实现的:

  1. 在模板文件进行修改,并添加以下代码:

    1
    2
    3
    <div class="post-date-text">
    本文发表日期:<%- partial('post/date', {post: post, class_name: 'dt-published', date_format: 'YYYY-MM-DD'}) %>
    </div>
  2. 添加 “post-date-text” 类的 CSS:

    1
    2
    3
    4
    .post-date-text
    color: grey
    text-decoration: none
    font-style: italic
这样就大功告成啦!

虽然网络上有许多 Hexo 主题,但自己为它添砖加瓦还是很有乐趣了。这是我为 Hexo 默认主题添加的第二个功能。上一次添加的功能是 《我亲自手撸给本站添加了显示文章阅读数功能》 ,有兴趣可以点击查看。