您当前的位置: 首页 >> 行情 >> 正文

世界焦点!Docusaurus之markdown文档的vscode代码片段

时间:2023-06-15 14:10 来源:博客园


(相关资料图)

需求

我是使用Docusaurus建立的个人站点,在写文档是总是要在开头配置作者、日期等等,用过Docusaurus的都应该知道。

因为每次新建一个md文档都需要重新配置,很麻烦,于是我就想能不能新建一个用户代码片段(vscode的一个功能),每次我只需要敲几个字符,按回车就能得到一个模板,以至于每次写markdown的时候都不需要从零开始写配置。

vscode代码片段

经过一番折腾,中间还出现了问题,网上找了一些教程才解决。于是有了下面的代码片段:

{"Print to ---doc":{"prefix":"---doc","scope": "markdown","body":["---","authors: Jeffery","title: ","date: 2023-","description: ","keywords: []","tags: []","---",],"description":"Docusaurusb front matter"  }}

注:vscode用户代码片段:左下角管理--用户代码片段--新建

markdown语言的配置

一开始我没有在vscode中配置markdown,所以我的用户代码片段没有生效。

上网查资料得知需要如下配置:

vscode“设置”页面中点击右上角的json

输入下面的内容(主要是 "editor.quickSuggestions": true,)

"[markdown]": {        "editor.renderWhitespace": "all",        "editor.quickSuggestions": true,        "editor.acceptSuggestionOnEnter": "on"      }
效果

完成以上的配置之后,我在用vscode写markdown的时候,只需要敲 ---doc然后回车就能得到我自定义的模板啦。

关键词: