VScode快速编写markdown配置、配合picgo+github配置免费图床

前提

1. vscode安装Markdown All in One
   

2. vscode安装Markdown Preview Github Styling
   

配置

1. ctrl+shift+p 输入user snippets打开用户代码片段配置
2. 再次输入markdown.json进入配置文件
3. 使用以下配置

markdown.json（点击查看代码）

{
	"H1": {
		"prefix": "h1",
		"body": [
			"# ${1:H1}",
			"${0}"
		],
		"description": "H1"
	},
	"H2": {
		"prefix": "h2",
		"body": [
			"## ${1:H2}",
			"${0}"
		],
		"description": "H2"
	},
	"H3": {
		"prefix": "h3",
		"body": [
			"### ${1:H3}",
			"${0}"
		],
		"description": "H3"
	},
	"H4": {
		"prefix": "h4",
		"body": [
			"#### ${1:H4}",
			"${0}"
		],
		"description": "H4"
	},
	"picture": {
		"prefix": "pic",
		"body": [
			"![](${1:link})",
			"${0}"
		],
		"description": "picture"
	},
	"code block": {
		"prefix": "code",
		"body": [
			"```${1:lang}",
			"${2:code}",
			"```",
			"${0}"
		],
		"description": "code block"
	},
	"split line": {
		"prefix": "line",
		"body": [
			"",
			"---",
			"",
			"${0}"
		],
		"description": "split line"
	},
	"bold font": {
		"prefix": "bold",
		"body": [
			"**${1:content}**${0}"
		],
		"description": "bold font"
	},
	"italic font": {
		"prefix": "italic",
		"body": [
			"*${1:content}*${0}"
		],
		"description": "italic font"
	},
	"bold italic font": {
		"prefix": "bi",
		"body": [
			"***${1:content}***${0}"
		],
		"description": "bold italic font"
	},
	"slashed font": {
		"prefix": "slashed",
		"body": [
			"~~${1:content}~~${0}"
		],
		"description": "slashed font"
	},
	"inline content": {
		"prefix": "ili",
		"body": [
			"`${1:content}`${0}"
		],
		"description": "inline content"
	},
	"inline math": {
		"prefix": "ima",
		"body": [
			"$${1:math}$${0}"
		],
		"description": "inline math"
	},
	"blocked math": {
		"prefix": "bma",
		"body": [
			"$$",
			"${1:math}",
			"$$",
			"${0}"
		],
		"description": "blocked math"
	},
	"anchor": {
		"prefix": "a",
		"body": [
			"[${1:title}](${2:link})${0}"
		],
		"description": "anchor"
	},
	"checked block": {
		"prefix": "checked",
		"body": [
			"- [x] ${1:content}${0}"
		],
		"description": "checked block"
	},
	"unchecked block": {
		"prefix": "unchecked",
		"body": [
			"- [ ] ${1:content}${0}"
		],
		"description": "unchecked block"
	},
	"centered picture": {
		"prefix": "cpic",
		"body": [
			"<div align=center><img src=\"${1:link}\"></div>",
			"${0}"
		],
		"description": "centered picture"
	},
	"Insert a simple table with 2 columns": {
		"prefix": "table2",
		"body": [
			"|${0:title} |  |",
			"| - | - |",
			"|   |   |"
		],
		"description": "Insert a simple table"
	},
	"Insert a simple table with 3 columns": {
		"prefix": "table3",
		"body": [
			"|${0:title} |  | |",
			"| - | - | - | ",
			"|   |   | | "
		],
		"description": "Insert a simple table"
	}
	// test
}

4. ctrl+shift+p打开setting.json,加入以下内容

setting.json（点击查看代码）

"[markdown]": {
    "editor.formatOnSave": true,
    "editor.renderWhitespace": "all",
    "editor.quickSuggestions": {
      "other": "on",
      "comments": "on",
      "strings": "on"
    },
    "editor.acceptSuggestionOnEnter": "on",
    "editor.defaultFormatter": "yzhang.markdown-all-in-one"
  }

使用方法

vscode+picgo+github配置免费图床

vscode

picgo程序