一、问题描述

在部署完Github Action实现自动部署博客之后，存在一个问题，每次更新时，由于是云函数部署，所有的文章的更新时间都会改变，目前只能通过为文章添加updated字段再提交才能避免这种情况。

但是每次更新文章都要手动去修改updated，这么麻烦的事情当然要交给程序去做。想过用python但是考虑到有些人可能没有python环境，而使用hexo部署博客的人肯定都有node环境，因此采用js来完成。

二、解决方案

首先，如果你之前没有为文章添加updated字段，需要先添加上。

1 为现有的文章添加updated字段

如果你现有文章已经有updated字段，此步骤可以跳过。

代码参考：批量写入文件的修改时间，原来的代码在多次运行时，重复添加字段，我对其做了优化，重复运行也只会添加一个updated字段。

创建js文件：博客根目录/source/_posts/writeupdatetime.js，文件内容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
#!/usr/bin/env node
/*
批量添加修改时间
用于bolg初始化修改时间
*/

console.log('脚本开始运行..');
var fs = require("fs"); //请求文件系统
var file = "./txt"; //设置读取和写入的文件，当前目录下的test文件
var RegExp=/(updated:\s*)((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(\s((([0-1][0-9])|(2?[0-3]))\:([0-5]?[0-9])((\s)|(\:([0-5]?[0-9])))))\r/g;

fs.readdir("./",function(err,files){
	var len=files.length;
	var file=null;
	for(var i=0;i<len;i++){
		file=files[i];
		//console.log("读取文件：",file);
		if(file.indexOf(".md")>-1){
			console.log("正在处理文件：",file);
			writeFileTime(file,fs);
		}
	}
    console.log("运行完毕！");
});
/*
file:读取时间的文件以及写入内容的文件
fs: 文件系统
*/
function writeFileTime(file,fs){
	fs.readFile(file, 'utf8',function(err, data) { //读取文件内容
		if (err) return console.log("读取文件内容错误：",err);
		//console.log("文件"+file+"的内容：",data);
		fs.stat(file,function(err, stats) { //读取文件信息，创建时间等
		   if (err) return console.log("读取文件信息错误：",err);
			//console.log("文件"+file+"的信息：",stats);  //打印文件的信息
			//console.log("创建时间是：",stats.mtime);
			//console.log("文件的创建时间是：",getFormatDate(stats.mtime));
            var result= data.replace(RegExp,""); //替换更新时间
			result = result.replace(/categories:/g, "updated: "+getFormatDate(stats.mtime)+"\r"+"categories:");//data:替换为标准化日期
			//console.log("修改后文件内容为：",result);
			fs.writeFile(file, result, 'utf8',function(err) { //写入新的文件内容
				if (err) return console.log("写文件错误：",err);
			});
		});
	});
}

/*
 timeStr:时间，格式可为："September 16,2016 14:15:05、
 "September 16,2016"、"2016/09/16 14:15:05"、"2016/09/16"、
 '2014-04-23T18:55:49'和毫秒
 dateSeparator：年、月、日之间的分隔符，默认为"-"，
 timeSeparator：时、分、秒之间的分隔符，默认为":"
 */
function getFormatDate(timeStr, dateSeparator, timeSeparator) {
    dateSeparator = dateSeparator ? dateSeparator : "-";
    timeSeparator = timeSeparator ? timeSeparator : ":";
    var date = new Date(timeStr),
            year = date.getFullYear(),// 获取完整的年份(4位,1970)
            month = date.getMonth(),// 获取月份(0-11,0代表1月,用的时候记得加上1)
            day = date.getDate(),// 获取日(1-31)
            hour = date.getHours(),// 获取小时数(0-23)
            minute = date.getMinutes(),// 获取分钟数(0-59)
            seconds = date.getSeconds(),// 获取秒数(0-59)
            Y = year + dateSeparator,
            M = ((month + 1) > 9 ? (month + 1) : ('0' + (month + 1))) + dateSeparator,
            D = (day > 9 ? day : ('0' + day)) + ' ',
            h = (hour > 9 ? hour : ('0' + hour)) + timeSeparator,
            m = (minute > 9 ? minute : ('0' + minute)) + timeSeparator,
            s = (seconds > 9 ? seconds : ('0' + seconds)),
            formatDate = Y + M + D + h + m + s;
    return formatDate;
}

在博客根目录/source/_posts/打开bash，运行代码：

1
./writeupdatetime.js

代码的运行原理是寻找categories，在categories字段上方添加updated字段，因此要确保你为每篇文章添加了categories。如果没有添加，请自行修改源码，将categories改成其它字段，比如tags等。

打开你的文章看一下，确保每篇文章都添加了updated。

2 修改Front-matter模版

由于我之前没有设置Front-matter模版，所以每篇文章都没有updated字段，因此要修改该模版。

打开博客根目录/scaffolds/post.md文件，修改添加updated字段，以我的模板为例：

1
2
3
4
5
6
7
8
title: {{ title }}
date: {{ date }}
updated: {{ date }}
tags:
  -
categories:
  -
sticky:

以后再通过hexo new post新建文章的时候就会有updated字段了。

3 代码实现自动更新文章修改时间

代码参考：自动更新文章的修改时间，做了一些改动。

创建js文件：博客根目录/source/_posts/updateFileTime.js，文件内容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
#!/usr/bin/env node
/*
批量更新修改时间
博客自动更新文章的修改时间
*/

console.log('脚本开始运行..');
var fs = require("fs"); //请求文件系统
var file = "./txt"; //设置读取和写入的文件，当前目录下的test文件
var RegExp=/(updated:\s*)((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(\s((([0-1][0-9])|(2?[0-3]))\:([0-5]?[0-9])((\s)|(\:([0-5]?[0-9])))))/g;

fs.readdir("./",function(err,files){
	var len=files.length;
	var file=null;
	for(var i=0;i<len;i++){
		file=files[i];
		//console.log("读取文件：",file);
		if(file.indexOf(".md")>-1){
			console.log("正在处理文件：",file);
			writeFileTime(file,fs);
		}
	}
});

/*
file:读取时间的文件以及写入内容的文件
fs: 文件系统
*/
function writeFileTime(file,fs){
	fs.readFile(file, 'utf8',function(err, data) { //读取文件内容
		if (err) return console.log("读取文件内容错误：",err);
		//console.log("文件"+file+"的内容：",data);
		if(RegExp.test(data)){ //如果匹配到`updated`字段
			fs.stat(file,function(err, stats) { //读取文件信息，创建时间等
				if (err) return console.log("读取文件信息错误：",err);
				var updateds=data.match(RegExp);
				//console.log("updated数组:",updateds);
				if(updateds.length>1) console.log("文件"+file+"匹配到多处update字段");
				var updated=updateds[0].replace("updated: ","").replace(/-/g,"/");  //时间格式化为2018/01/29 21:33:30
				//console.log("updated:",updated);
				if(new Date(stats.mtime).getTime()-new Date(Date.parse(updated))>1000*60*5){ // 只要修改时间和文章内updated时间差大于1000毫秒*60*5=5分钟就触发更新
					var result= data.replace(RegExp,"updated: "+getFormatDate(stats.mtime)); //替换更新时间
					fs.writeFile(file, result, 'utf8',function(err) { //写入新的文件内容
						if (err) return console.log("写文件错误：",err);
						fs.utimes(file,new Date(stats.atime),new Date(stats.mtime),function(err){  //还原访问时间和修改时间
							if (err) return console.log("修改时间失败：",err);
							console.log(file,"成功更新时间");
						});
					});
				}
			});
		}	
	});
}

/*
 timeStr:时间，格式可为："September 16,2016 14:15:05、
 "September 16,2016"、"2016/09/16 14:15:05"、"2016/09/16"、
 '2014-04-23T18:55:49'和毫秒
 dateSeparator：年、月、日之间的分隔符，默认为"-"，
 timeSeparator：时、分、秒之间的分隔符，默认为":"
 */
function getFormatDate(timeStr, dateSeparator, timeSeparator) {
    dateSeparator = dateSeparator ? dateSeparator : "-";
    timeSeparator = timeSeparator ? timeSeparator : ":";
    var date = new Date(timeStr),
            year = date.getFullYear(),// 获取完整的年份(4位,1970)
            month = date.getMonth(),// 获取月份(0-11,0代表1月,用的时候记得加上1)
            day = date.getDate(),// 获取日(1-31)
            hour = date.getHours(),// 获取小时数(0-23)
            minute = date.getMinutes(),// 获取分钟数(0-59)
            seconds = date.getSeconds(),// 获取秒数(0-59)
            Y = year + dateSeparator,
            M = ((month + 1) > 9 ? (month + 1) : ('0' + (month + 1))) + dateSeparator,
            D = (day > 9 ? day : ('0' + day)) + ' ',
            h = (hour > 9 ? hour : ('0' + hour)) + timeSeparator,
            m = (minute > 9 ? minute : ('0' + minute)) + timeSeparator,
            s = (seconds > 9 ? seconds : ('0' + seconds)),
            formatDate = Y + M + D + h + m + s;
    return formatDate;
}

4 shell自动运行代码

在博客根目录下新建update.sh文件，内容如下：

1
2
3
#!/bin/sh
cd source/_posts/ && ./updateFileTime.js && cd .. && cd .. && git add . && git commit -m "uptate" && git push origin master
# 如果你的分支不是master记得替换

5 修改gitignore

我们需要忽略_posts下的js文件，打开 博客根目录/.gitignore文件，添加一条：

1
source/_posts/*.js

大功告成，接下来你只需要运行update.sh

1
./update.sh

就可以在提交代码之前自动将更新时间写入文章的updated字段，然后提交到远程源码仓库进行自动部署了。

三、一些小问题解决

可能有些文章的更新时间改变了但是git无法跟踪到，可以将文章从索引中删除，然后再添加回来。博客根目录下执行命令：

1
git rm --cached source/_posts/ -r

然后再运行update.sh即可。