使用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创建后在所有项目中都可以使用,你也可以创建项目级别的配置 {: .prompt-tip }
具体内容可以参考下方配置(以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的自动补全提示,回车确认。
至此已经生成我们想要的模版信息!