当前位置: 首页 > news >正文

【Markdown 语法简洁讲解】

Markdown 语法简洁语法讲解

    • 什么是 Markdown
      • 1. 标题
      • 2. 列表
      • 3.文本样式
      • 4. 链接与图片
      • 5. 代码
      • 6. 表格
      • 7. 分割线
      • 8. 流程图
      • 9. 数学公式
      • 10. 快捷键
      • 11. 字体、字号与颜色

什么是 Markdown

Markdown 是一种轻量级标记语言,通过简单的符号实现排版格式化,专注于内容而非样式。它被广泛用于文档编写、博客、README 文件等场景,兼容性强,可转换为 HTML、PDF 等多种格式。


1. 标题

使用 # 符号表示标题,数量代表层级(1-6 级):

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2. 列表

无序列表
用 -、+ 或 * 开头:

- 苹果
- 香蕉
  - 子项(缩进 2 空格)

效果如下:

  • 苹果
  • 香蕉
    • 子项(缩进 2 空格)

有序列表
数字 + 英文句点:

1. 第一步
2. 第二步

效果如下:

  1. 第一步
  2. 第二步

3.文本样式

强调文本

粗体:**文本** 或 __文本__

斜体:*文本* 或 _文本_

~~删除线~~:~~文本~~

==标记文本==

> 引用文本

效果如下:
粗体:文本文本

斜体:文本文本

删除线文本

标记文本

引用文本


4. 链接与图片

链接

[显示文本](链接地址 "可选标题")

效果如下:

访问百度

图片

图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png)

带尺寸的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =60x60)

宽度确定高度等比例的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =60x)

高度确定宽度等比例的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =x60)

居中的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

居中并且带尺寸的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center =60x60)

居右的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_right)

图片: Alt

带尺寸的图片: Alt

宽度确定高度等比例的图片: Alt

高度确定宽度等比例的图片: Alt

居中的图片: Alt

居中并且带尺寸的图片: Alt

居右的图片: Alt


5. 代码

使用三个反引号 + 语言名称(可选语法高亮):

效果如下:

def hello():
    print("Markdown 真方便!")

6. 表格

用 | 分隔列,- 分隔表头与内容:

| 姓名 | 年龄 | 职业 |
|--------|------|---------|
| 张三 | 28 | 工程师 |
| 李四 | 32 | 设计师 |

效果如下:

姓名年龄职业
张三28工程师
李四32设计师

7. 分割线

三个及以上 -、* 或 _:

---
***
___

效果如下:




  1. 任务列表
- [ ] 未完成

- [x] 已完成

效果如下:

  • 未完成

  • 已完成


8. 流程图

插入Mermaid流程图

参考文档

graph LR
A[开始] --> B(处理步骤)
B --> C{判断}
C -->|是| D[完成]
C -->|否| B

效果如下:

开始
处理步骤
判断
完成

插入甘特图

参考文档

gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section 现有任务
已完成 :done, des1, 2014-01-06,2014-01-08
进行中 :active, des2, 2014-01-09, 3d
计划中 : des3, after des2, 5d

效果如下:

2014-01-06 2014-01-07 2014-01-08 2014-01-09 2014-01-10 2014-01-11 2014-01-12 2014-01-13 2014-01-14 2014-01-15 2014-01-16 2014-01-17 已完成 进行中 计划中 现有任务 Adding GANTT diagram functionality to mermaid

插入UML图

参考文档

sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四–>>王五: 你最近怎么样,王五?
李四–x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了
不适合放在一行.
李四–>>张三: 打量着王五…
张三->>王五: 很好… 王五, 你怎么样?

效果如下:

张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

9. 数学公式

参考文档

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过 Euler integral

\Gamma(z) = \int_0^\infty t{z-1}e{-t}dt,

效果如下:
Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过 Euler integral

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.


10. 快捷键

功能快捷键
加粗Ctrl + B
斜体Ctrl + I
引用Ctrl + Q
插入链接Ctrl + L
插入代码Ctrl + K
插入图片Ctrl + G
提升标题Ctrl + H
有序列表Ctrl + O
无序列表Ctrl + U
横线Ctrl + R
撤销Ctrl + Z
重做Ctrl + Y

11. 字体、字号与颜色

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的!

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3。

我是黑体字
我是微软雅黑
我是华文彩云
Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3。

HTML 颜色参考网站

相关文章:

  • OpenHarmony启动系统-U-Boot简介和源码下载与编译
  • CMU15445(2023fall) Project #4 - Concurrency Control踩坑历程
  • Spring Boot 日志配置与常见问题解析(详解)
  • 【PHP脚本语言详解】为什么直接访问PHP文件会显示空白?从错误示例到正确执行!
  • mysql内置工具导入csv包,简单便捷高效
  • 蓝桥杯C语言组:基于蓝桥杯煤球数目问题的数列累加解决方案研究
  • 基于springboot的高校物品捐赠系统
  • C++ Qt OpenGL渲染FFmpeg解码后的视频
  • Vue+Elementui 全局配置el-table表格列宽可拖拽
  • 如何快速的解除oracle dataguard
  • python项目依赖哪些whl
  • Pwntools 的详细介绍、安装指南、配置说明
  • Unity Burst编译
  • DeepSeek助力科研:文献处理新方式
  • git管理的项目 发布时有收费版/免费版/客户定制版,如何管理分支,通过merge(合并) 还是 cherry-pick(挑拣) 引入更新的代码?
  • 数据结构之八大排序算法详解
  • 看视频学习方法总结
  • 深入解析XXL-JOB任务调度执行原理
  • 技术问题汇总:前端怎么往后端传一个数组?
  • 8 SpringBoot进阶(上):AOP(面向切面编程技术)、AOP案例之统一操作日志
  • ui设计优秀案例/搜索引擎优化的方法与技巧
  • 网站引导页怎么做/win10一键优化工具
  • 在哪些网站做收录比较快/今天发生的重大新闻5条
  • 如何把本地网站/企业邮箱网页版
  • 做网站难度大吗/网络营销软件站
  • wordpress 预览/桂平seo快速优化软件