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

相关推荐
bestlanzi11 小时前
vscode 常用的配置内容
ide·vscode·编辑器
jinglong.zha14 小时前
别再只用命令行!Claude Code接入VSCode和PyCharm,这些技巧让你爽到飞起!
ide·vscode·pycharm·claude code
卸任19 小时前
打造基于 Milkdown 的所见即所得 Markdown 编辑器
前端·react.js·markdown
kkoral20 小时前
Vue3 图片标框功能实现方案
前端·vue.js·vscode·typescript
不断学习加努力20 小时前
ubuntu22.04的vscode上部署claude的教程
ide·vscode·编辑器
dotRed21 小时前
VSCode + CubeMX + Makefile 构建STM32工程:分层架构与双调试配置
ide·vscode·stm32
相醉为友21 小时前
001 VSCode图形化提交也弹出GPG密码框
ide·vscode·编辑器
程序手艺人2 天前
【日常开发】 VSCode Remote SSH 在 Ubuntu 18.04 (GLIBC 2.27) 上的解决方案
vscode·ubuntu·ssh
培风图楠2 天前
vscode初始配置环境后无法编译
ide·vscode·编辑器
bestlanzi2 天前
使用vscode 搭建Java 开发环境
ide·vscode·编辑器