My VSCode Snippet

markdown.json5

{
	// Place your snippets for markdown here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	"subscript": {
		"prefix": "sub",
		"body": [
			"<sub>$1</sub>"
		],
		"description": "Insert subscript text"
	},
	"superscript": {
		"prefix": "sup",
		"body": [
			"<sup>$1</sup>"
		],
		"description": "Insert superscript text"
	},
	"center": {
		"prefix": "center",
		"body": [
			"<center>$1</center>"
		],
		"description": "Insert center content"
	},
	"html img": {
		"prefix": "img",
		"body": [
			"<img height=\"$3\" src=\"$1\" alt=\"$2\"/>"
		],
		"description": "Insert HTML image tag"
	},
	"link reference": {
		"prefix": "ref",
		"body": [
			"[$1][$2]"
		],
		"description": "Insert link reference"
	},
	"center image with caption bottom": {
		"prefix": "smark",
		"body": [
			"<center><img height=\"$5\" src=\"$1\" alt=\"$2\"/></center><center><sub>Figure $3 - $4</sub></center>",
			"$0"
		],
		"description": "[Steem] Insert image at center with caption on bottom"
	},
	"image with caption top": {
		"prefix": "smark",
		"body": [
			"<div><sup>$3 - $4</sup><img height=\"$5\" src=\"$1\" alt=\"$2\"/>",
			"</div>",
			"",
			"$0"
		],
		"description": "[Steem] Insert image with caption on top"
	},
	"table with caption top": {
		"prefix": "smark",
		"body": [
			"<div><sup>$1</sup>",
			"",
			"| $2 | $3 | $4 |",
			"| --- | --- | --- |",
			"$0",
			"</div><br/>",
			""
		],
		"description": "[Steem] Insert table with caption on top"
	},
	"blockquote with caption bottom": {
		"prefix": "smark",
		"body": [
			"<blockquote>",
			"$1",
			"</blockquote>",
			"<sup>$2</sup>"
		],
		"description": "Insert blockquote with caption on bottom"
	},
	"multiple codeblock inside blockquote": {
		"prefix": "smark",
		"body": [
			"<div><sub><a href=\"$2\">Code Change $1</a> - $3</sub>",
			"<blockquote>",
			"",
			"```$5",
			"$0",
			"```",
			"<sup>1. $6</sup>",
			"</blockquote></div><br/>",
		],
		"description": "Insert Code Change block"
	},
	"codeblock caption bottom": {
		"prefix": "smark",
		"body": [
			"```$3",
			"$0",
			"```",
			"<sup>Content of <a href=\"$1\"><code>$2</code></a></sup>"
		],
		"description": "Insert codeblock with caption on bottom"
	},
	"html blockquote": {
		"prefix": "blockquote",
		"body": [
			"<blockquote>",
			"$1",
			"</blockquote>"
		],
		"description": "Insert HTML version of blockquote"
	},
	"html inline code": {
		"prefix": "code",
		"body": [
			"<code>$1</code>"
		],
		"description": "Insert HTML version of inline code"
	}
}