hexo中Lap主题怎么添加时间

hexo中Lap主题怎么添加时间,第1张

– 1,打开 next/layout/_partials文件夹下的 footer.swing文件

– 2,添加时间记录函数

window.onload = function() {

var show = document.getElementById("show")

setInterval(function() {

var time = new Date()

// 程序计时的月从0开始取值后+1

var m = time.getMonth() + 1

//根据自己博客的创建时间更改数值

var t = "提示内容"+(time.getFullYear()-2017) + "年" + (m-3) + "月"

+ time.getDate() + "天 " + time.getHours() + "时"

+ time.getMinutes() + "分" + time.getSeconds() + "秒"

show.innerHTML = t

}, 1000)

}

– 3,将show函数放在自己喜欢的位置即可。

如果使用的是next主题的话,可以直接修改 next 主题的配置文件, 把 updated_at 修改为 true:

# Post meta display settings

post_meta:

  item_text: true

  created_at: true

  updated_at: true

# Only show 'updated' if different from 'created'.

  updated_diff: false

  categories: true

如果用的是其他主题,或许也会有类似的配置项

在 我的自建博客之路系列 的前面几篇文章中,我们已经一起在本地和github、coding搭建起了自己的hexo博客站点,更换了Next主题,并且绑定了自己选择的个人独立域名,但是还未发表过文章,站点的配置还是原来的默认值。在本节,我们来进行个性化的设置,按照自身需要情况将站点打造成自己的。

这里首先要知道在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml,它们均是用于站点配置使用的。其中,一份位于站点根目录下(比如我的: D:\hexo_config.yml ),主要包含 Hexo 本身整站的配置;另一份位于主题目录( D:\hexo\themes\next_config.yml )下,这份配置由主题作者提供,主要用于配置主题相关的选项。为了描述方便,在以下说明中,将前者称为 站点配置 文件, 后者称为 主题配置 文件。下面我们先来看看 站点配置 文件的配置修改。

Hexo 使用 Moment.js 来解析和显示时间。

在站点的根目录下执行以下命令:

更多插件请移步 Hexo官方插件 页了解

现在执行

打开 localhost:4000 查看效果了。

访问HEXO官方文档


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7958195.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存