vscode编辑Markdown文件

一.安装Markdown的插件

vscode的扩展,搜索Markdown Preview Enhanced的插件,并安装。

其他的常用插件,还包括:

  • Markdown All in One :提供了许多有用的功能,如快捷键支持、自动预览、TOC(目录)生成等。
  • Markdown Preview Github Styling :是 Github 使用的 Markdown 渲染样式,使得在本地就能预览 Markdown 文件最终在 Github Pages 中显示的效果。
  • Markdown PDF :可以将 Markdown 文件转换为 PDF 或其他格式,方便分享和打印。

Markdown文件编辑过程中的预览

即可在编辑过程中,实时的预览效果。

二.Markdown的基本语法

cpp 复制代码
# 1.标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
cpp 复制代码
# 2.字体

*这是斜体*
_这是斜体_
**这是粗体**
__这是粗体__
***这是粗斜体***
___这是粗斜体___
~~这是删除线~~
cpp 复制代码
# 3.换行

换行第一句话
换行第二句话<br/>换行第三句话
cpp 复制代码
# 4.引用

> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc
cpp 复制代码
# 5.行内标记

标记之外`hello world`标记之外
cpp 复制代码
# 6.代码块

```
void main()
{
    int a=2;

    return;
}
```
cpp 复制代码
# 7.插入链接

[百度的主页](www.baidu.com)
cpp 复制代码
# 8.插入图片

![](./nezha1.png '哪吒')
cpp 复制代码
# 9.序表

1. one
2. two
3. three

* one
* two
* three

1. one
    1. one-1
    2. two-2
2. two 
    * two-1
    * two-2
cpp 复制代码
# 10.表格
注: : 代表对齐方式 ,** : 与 | 之间不要有空格**,否则对齐会有些不兼容

|    a    |       b       |      c     |
|:-------:|:------------- | ----------:|
|   居中  |     左对齐    |   右对齐   |
|=========|===============|============|

a  | b | c  
:-:|:- |-:
|    居中    |     左对齐      |   右对齐   | 
============|=================|=============
cpp 复制代码
# 11.支持内嵌CSS样式
注:指定颜色,字体,字的尺寸

<p style="color: #AD5D0F;font-size: 30px; font-family: '宋体';">内联样式</p>
cpp 复制代码
# 12.分隔符

## 第一行
***
### 第二行
---
#### 第三行
* * *
cpp 复制代码
# 13.锚点

[公式标题锚点](#1)

### [需要跳转的目录] {#1} 

参考博客:

vscode使用Markdown文档编写 - shawWey - 博客园

相关推荐
bro_Java6665 小时前
《栈与队列:数据结构的“双生花”》
java·数据结构·编辑器
u0111026757 小时前
网页图片编辑器如何添加文字:字体、换行与导出一致性
图像处理·人工智能·ai作画·编辑器
Pointer Pursuit8 小时前
编辑器Vim
linux·编辑器·vim
VIP_CQCRE8 小时前
在 OpenCode IDE 中接入 Ace Data Cloud:让 VS Code、Cursor、Windsurf 都能调用统一 AI Coding 能力
vscode·ai编程·开发工具·opencode·acedatacloud
神一样的老师10 小时前
RA-Eco-RA4M2-100PIN-V2.0 开发环境:VSCode + FSP 从新建工程到点亮 LED
ide·vscode·编辑器
索端阳10 小时前
I.MX6ULL 裸机开发:LCD Framebuffer 与 RGB888 学习笔记
笔记·vscode·嵌入式硬件·学习
宁静致远202111 小时前
在VScode中使用MATLAB
vscode·matlab
VIP_CQCRE20 小时前
把 OpenCode 接入 Ace Data Cloud:让 VS Code、Cursor、Windsurf 统一调用 AI 编程模型
vscode·大模型·ai编程·opencode·acedatacloud
LCDduhui1 天前
如何选择适配自己设备的液晶屏
编辑器
微小冷1 天前
Mermaid画甘特图
运维·markdown·甘特图·mermaid·时间图