VSCode中使用Markdown

文章目录

  • [1. 背景](#1. 背景)
  • [2. 安装插件](#2. 安装插件)
  • [3. 基础写作与预览](#3. 基础写作与预览)
  • [4. 生成PDF文档](#4. 生成PDF文档)
  • [5. 插入代码](#5. 插入代码)
  • [6. 插入图片](#6. 插入图片)
  • [7. 小结](#7. 小结)

1. 背景

编程技术人员,很多人写作习惯用Markdown格式吧。

首先Markdown很简单,第二它的层次结构特别清晰,再然后它对嵌入图片、代码的支持很优秀。

我个人喜欢用VSCode写Markdown的文字,所以本篇简单记录下,在VSCode中使用Markdown的基本方法。

2. 安装插件

安装如下几个插件:



3. 基础写作与预览

创建一个拓展名为.md的文件,然后用Markdown语法编写一段文字:

java 复制代码
# 1. 山东省

## 1.1 济南市

山东省的济南市

## 1.2 青岛市

山东省的青岛市

# 2. 江苏省

## 2.1 南京市

江苏省的南京市

## 2.2 苏州市

江苏省的苏州市

可以点击右上角预览,查看生成效果

预览效果如下:

4. 生成PDF文档

这个简单,直接在文档中点击右键,选择Export (pdf)菜单即可在当前目录,生成一个PDF文档。

5. 插入代码

作为程序员来说,在文章中插入代码和图片,肯定是常规操作。

插入代码的话,使用如下方式,注意可以标注语言类型,有些编辑器能智能识别。

6. 插入图片

在文档所在目录放入图片1.png

markdown中如下编写,即可加载对应图片。

解释下,中括号中是图片的文字描述,小括号中填写图片路径即可。

7. 小结

Markdown格式简单且强大,强烈推荐。

相关推荐
乔宕一19 小时前
vscode 设置每次调试 powershell 脚本都使用临时的 powershell 终端
ide·vscode·编辑器
唐装鼠20 小时前
linux vscode解压版 AI账号无法登陆问题(浏览器无法打开vscode)
linux·运维·vscode
gravity_w21 小时前
vscode配置SSH远程服务器
服务器·经验分享·vscode·ssh
另寻沧海2 天前
VS Code 内置变量与配置文件完全指南
c++·vscode
惊讶的猫2 天前
vscode+conda
ide·vscode·conda
谧小夜2 天前
Visual Studio Code中实现Go语言自动导包教程
ide·vscode·golang
Motion_zq2 天前
vscode使用i18n-ally插件,实现自动翻译(配置百度key)
ide·vscode·机器翻译
Dillon Dong2 天前
STM32嵌入式:如何使用VSCode EIDE来获取flash块数据并转换成可视化的数据 来判断源头数据是否错误
vscode·stm32·嵌入式硬件
One_Piece_Fu2 天前
2026年node.js最新版下载(24.12.0LTS)安装教程(详细)
vscode·学习·node.js
ASEpochs2 天前
Vsocde中‘sh’不是内部或外部命令,也不是可运行的程序或批量处理文件--已解决
git·vscode·bash