使用vscode-web来写作博客

jekyll hugo hexo等静态博客，创建好项目后

可以直接使用github的在线编辑功能方便的编写博客md文件。

也可以使用github action功能，很方便的完成自动构建和发布。

但是此类型的博客，一般需要写好文件头描述文件。没有模版使用起来是不方便的。

可以使用vscode 的 snippets，提前编写相应模版。

这样可以脱离真实的执行机，直接使用github.dev这样的 vscode web 端来完成文档创建和写作。

创建Snippets

首先Ctrl+Shift+p , 选择”Snippets: Configure User Snippets” -> “New Global Snippets File” ,新建一个Global的Snippets。

Global的Snippets创建后在所有项目中都可以使用，你也可以创建项目级别的配置

具体内容可以参考下方配置（以jekyll为例） 参考：

{
	"jekyll post": {
		"scope": "",
		"prefix": "jekyll",
		"body": [
			"---",
			"layout: post",
			"title: $0  ",
			"subtitle:  ",
			"date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:00 +0800 ",
			"description: ",
			"tags: [tags]",
			"hidden: true",
			"---",
			""
		]

	}
}

使用Snippets

保存后，我们在_post下新建一个文件，输入jekyll ，再按自动补全快捷键（默认为 Ctrl+i）

可以看到已经出现了我们新建的snippets的自动补全提示，回车确认。

至此已经生成我们想要的模版信息！