C/C++教程

Docusaurus之markdown文档的vscode代码片段

本文主要是介绍Docusaurus之markdown文档的vscode代码片段,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

需求

我是使用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,所以我的用户代码片段没有生效。

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

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

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

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

效果

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

这篇关于Docusaurus之markdown文档的vscode代码片段的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!