vuepress blog自動生成標題、時間等信息

vuepress是一款很出色的靜態網站生成器，配合官方提供的blog主題，很快就能搭建一個自己的博客網站。vuepress blog使用yaml解析元信息，也就是一篇文章的title、date、author和tags等，筆者在使用時發現每次定義這些信息很麻煩，於是就找解決方案，最後發現使用vscode的代碼片段功能可以輕鬆解決這個問題，下面就是具體方法：

1. 首先打開Code > 首選項 > 用戶片段，點擊新建片段並起一個名字，比如blog

2. 在文件中輸入下面的內容，其中Print blog meta是代碼片段的標題，prefix是觸發的關鍵字，body是生成的內容，description是代碼片段的描述。body中我們默認設置了title就是文件名字，date是當前時間，author默認是admin，tags默認空。

{
	"Print blog meta": {
		"prefix": "blogMeta",
		"body": [
			"---",
			"title: ${1:$TM_FILENAME_BASE}",
			"date: $CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
			"author: ${2:admin}",
			"tags:",
			"  - $3",
			"---",
			"\r"
		],
		"description": "生成博客元信息"
	}
}

3. vscode默認沒有啓動markdown的代碼片段功能，因此需要在設置中添加下面的代碼，快捷鍵 command+shift+p 輸入setting.json

 "[markdown]":{
        "editor.quickSuggestions": true
    },

4. 新建一篇markdown文件，輸入blogMeta就可以自動生成了

---
title: vuepress blog自動生成標題、時間等信息
date: 2022/02/16 17:16:47
author: admin
tags:
  - tool
---

vuepress blog自動生成標題、時間等信息首發於聚享小站，如果對您有幫助，不要忘記點贊支持一下呦🎉