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格式简单且强大,强烈推荐。

相关推荐
csdn2015_1 小时前
vscode从gitlab拉项目到本地
vscode·gitlab
Yolanda_20222 天前
在vscode终端中可使用pip,但是cmd终端中找不到命令 pip问题的解决
vscode·python·conda·pip
前端逗比逗2 天前
流式 Markdown 解析 + 代码块防截断闪烁
markdown·webassembly
π同学2 天前
ESP-IDF+vscode开发ESP32 联网篇第一讲——WIFI扫描
vscode·esp32c6·wifi scan
清风小道君3 天前
手搓一个零依赖的 Markdown 静态站点生成器,我学到了什么
markdown
Irene19914 天前
怎么设置 PyCharm 使用 VSCode 的快捷键,推荐保留的原生快捷键(特色功能不建议覆盖,否则丧失效率优势)Ctrl+Alt+L:代码格式化
vscode·pycharm·快捷键
R6bandito_4 天前
通用STM32 F1/F4 FlashKV驱动库
c语言·vscode·stm32·单片机·嵌入式硬件·mcu·github
放学校门口见4 天前
vscode部署stm32开发调试环境
ide·vscode·stm32
2501_916008895 天前
iOS应用开发工具全面解析:如何选择与优化开发效率
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
X档案库5 天前
【开源】我做了一套可以 AI 托管的 Markdown 博客与知识库
rust·博客·markdown·marksharex