Cirry's Blog

Vscode添加Markdown-Frontmatter代码片段

2023-02-08
astro
astro
最后更新:2024-08-26
2分钟
311字

使用此博客主题推荐使用Vs Code或者Obsdian,这两个工具都可以很好的添加文件Frontmatter信息和Markdown文字写作,并且支持Picgo文件上传工具。

个人想法,用markdown写博客,能够自动生成基础的frontmatter是很有必要的。在vscode中可以选择使用插件和代码片段实现这个功能,而方式都是各有利弊的。

使用插件,可以在新建文档的时候自动生成,有的字段无法修改。

使用code,可以自定义字段,需要使用快捷命令生成,需要手动更新文章最后更新日期。

我个人建议使用code snippets,不依赖插件使用。

VsCode自动添加Frontmatter信息

参考信息:Snippets in Visual Studio Code

左下角->设置功能->选择添加用户代码片段

default

然后选择新建全局代码片段

default

输入代码片段文件名称,创建文件

1
{
2
"Print to console": {
3
"scope": "md,markdown",
4
"prefix": "mf",
5
"body": [
6
"---",
7
"title: ${0:$TM_FILENAME_BASE}",
8
"date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
9
"description:"
10
"---"
11
],
12
"description": "Log output to console"
13
}
14
}

配置完成之后,在markdown文件中,输入mf按下tab就可以生产frontmatter信息了。

其他

更多的Vscode写作技巧:Markdown and Visual Studio Code

本文标题:Vscode添加Markdown-Frontmatter代码片段
文章作者:Cirry
发布时间:2023-02-08
版权声明:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
感谢大佬送来的咖啡☕
alipayQRCode
wechatQRCode