Markdown学习之路

最新推荐文章于 2022-05-21 15:55:05 发布
最新推荐文章于 2022-05-21 15:55:05 发布
阅读量199 收藏
点赞数
分类专栏： Markdown 文章标签： markdown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41671937/article/details/107072637
版权

Markdown学习之路

目录

前言
推荐的教程
markdown语法总结

  1. 标题及正文
  2. 字体
  3. 转义字符
  4. 分割线
  5. 列表
  6. 区块引用
  7. 代码框
  8. 图片插入
  9. 链接
  10. 表格
  11. 数学公式
  12. 流程图
  13. 脚注
  14. 缩略
  15. Markdown-preview-enhanced插件的扩展语法

遇到过的问题

  1. Markdown实现空格
  2. Markdown实现目录页面跳转
  3. Markdown表格内换行

 

前言

  本文目的在于记录自己的Markdown学习之路，文中推荐了自己比较喜欢的教程，以及自己总结整理的Markdown语法，最后提及了自己在用Markdown时遇到的问题及其解决的方法。
  如果有较好的教程，或者值得记录的问题，欢迎在评论区留言，我会视情况不定时更新该文章。

 

推荐的教程

 

markdown语法总结

1、标题及正文

（1）方式一

用#可以表示1~6级标题

# 一级标题（1）
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
####### 正文：标题最大到六级，没有七级

效果如下所示：

一级标题（1）

二级标题

三级标题

四级标题
五级标题
六级标题

####### 正文：标题最大到六级，没有七级

（2）方式二

用-或=可以分别表示1~2级标题

一级标题（2）
=
二级标题
-

效果如下所示：

一级标题（2）

二级标题

  1. 方式一共有l六级，注意‘#’后有空格
  2. 方式二只有两级，且‘-’或‘=’的个数均大于等于一即可

 

2、字体 

*字体倾斜*
_字体倾斜_
**字体加粗**
__字体加粗__
~~删除线~~
==高亮==
x^2^（上标）
H~2~O（下标）

效果：
字体倾斜
字体倾斜
字体加粗
字体加粗
删除线
高亮
x2（上标）
H2O（下标）

注意不可以在*或_后边加空格

 

3、转义字符

在字符前加\进行转义

\\
\*

效果：
\
*

均为’'反斜杠加要转义的符号

 

4、分割线

分割线可以分别由*、-或_这3种符号的至少3个符号表示，注意至少要3个，且不需要连续，有空格也可以。

***
*****
---
- - -
___

效果：

 

5、列表

（1）无序列表

通过*、+或+后跟空格实现无序列表，同时可在开头加Tab实现子列表

* 列表1
- 列表2
	+ 子列表2.1
	- 子列表2.2
+ 列表3

效果：

  • 列表1
  • 列表2
    • 子列表2.1
    • 子列表2.2
  • 列表3
（2）有序列表

通过数字+.+空格实现有序列表，同时也可在开头加Tab实现子列表

1. 列表1，注意“.”为英文的，且后边有一个空格。乱打凑字数
2. 列表2
	3. 子列表2.1
	4. 子列表2.2
5. 列表3

效果：

  1. 列表1，注意“.”为英文的，且后边有一个空格。
  2. 列表2
    1. 子列表2.1
    2. 子列表2.2
  3. 列表3

特别注意，有序列表的序号是根据第一行列表的数字顺序来的，比如说：

3. 列表3
2. 列表2
9. 列表9

效果：

  1. 列表3
  2. 列表2
  3. 列表9
（3）任务列表
- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item

效果：

  • @mentions, #refs, links, formatting, and tags supported
  • list syntax required (any unordered or ordered list supported)
  • this is a complete item
  • this is an incomplete item

 

6、区块引用 

>“>”后可以不加空格，但为了规范建议加上
回车后另起一行不必在前面再加“>”

不再采用区块引用时需要隔一行

效果：

“>”后可以不加空格，但为了规范建议加上
回车后另起一行不必在前面再加“>”

不再采用区块引用时需要隔一行

  • 引用可嵌套使用
> A
>> B
>>> C
>>>> D

效果：

A

B

C

D

  • 区块引用可以其他语法复合使用
> ## 标题
此时换行便不再区块引用
> * 无序列表
>   >空四个或使用Tab进行缩进

效果：

标题

此时换行便不再区块引用

  • 无序列表

    空四个或使用Tab进行缩进

 

7、代码框

（1）单行代码

` 单行用一对反单引号 `
或者在每行输入前tab两次（四个空格），该行将自动识别为代码

效果:

单行用一对反单引号

（2）多行代码
```
多行用三个或以上个数的反单引号
或者在每行输入前tab两次（四个空格），这几行将自动识别为代码
```
也可以在```后加上代码类型以指定代码语言，如下所示：
```javascript
$(document).ready(function () {
    alert('RUNOOB');
});
```

效果：

多行用三个或以上个数的反单引号
或者在每行输入前tab两次（四个空格），这几行将自动识别为代码

也可以在```后加上代码类型以指定代码语言，如下所示：

$(document).ready(function () {
    alert('RUNOOB');
});

 

8、图片插入 

格式：![图片描述](图片地址)
示例：![在这里插入图片描述](https://img-blog.csdnimg.cn/20200702182735822.png)

效果：
在这里插入图片描述
 

9、链接

（1）文字链接
  • 行内式

与图片插入的区别在于没有!

[百度](http://www.baidu.com)一下，你就知道
[百度](http://www.baidu.com)百科

效果：

百度一下，你就知道
百度百科

  • 参数式
[百度]: http://www.baidu.com
这是[百度]
这是[CSDN][2]
这是[淘宝]

[2]: https://www.csdn.net/
[淘宝]: https://www.taobao.com/?spm=a2e15.8261149.1581860521.1.202329b4PRb9LR

效果：

这是百度
这是CSDN
这是淘宝

  • 直接使用网址
<http://www.baidu.com>

效果：
http://www.baidu.com

（2）图片链接
[![在这里插入图片描述](https://img-blog.csdnimg.cn/20200702182735822.png)](https://www.baidu.com/)

效果：点击可跳转到百度

描述

 

10、表格 

| name | age | sex |
|--|:--|--:|
| tony | 20 | 男 |
| lucy | 18 | 女 |

效果：

nameagesex
tony20男
lucy18女

不同的编辑器可能存在跟更多的表格格式

 

11、数学公式

使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现

12、流程图 

```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]
```

效果：
a=1
a=2
方形
圆角
条件a
结果1
结果2
横向流程图

详细见教程：https://www.runoob.com/markdown/md-advance.html

 

13、脚注 

Content [^1]
[^1]: Hi! This is a footnote

效果：
Content 1

 

14、缩略 

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium
The HTML specification
is maintained by the W3C.

效果：

The HTML specification
is maintained by the W3C.

 

13、Markdown-preview-enhanced插件的扩展语法

Markdown-preview-enhanced

 

遇到过的问题

1、Markdown实现空格：

2、Markdown实现目录页面跳转： 

锚点： <div id="锚点">主题内容1</div>
跳转：[主题内容2](#锚点)

【注】：id可以任意定义；主题内容1与主题内容2可以相同也可不同

3、Markdown表格内换行：

  1. Hi! This is a footnote ↩︎

阿勒法贝塔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在MarkDown编辑器中打出上标和下标及希腊字母
牧阳MuYang的博客
02-18 6258
MarkDown编辑器中打出上标和下标 在markdown编辑器中，如何实现有上下标的数学表达式呢？ 例如：θ1x1+θ2x22+θ3x33 扩展：θ如何输入？采用中文下输入“西塔”找到即可 1.实现下标与上标的三种方法 方法一（符号） 下标 ：θ~1~ 上标 ：θ^2^ 注意：输入法是英文输入法 结果如下： 下标 ：θ1 上标 ：θ2 方法2（HTML标签）： 下标 ...
Markdown的学习
m0_73574046的博客
09-05 71
【代码】Markdown的学习
【Markdown 数学公式】markdown常用公式写法
计算机视觉方面的点点滴滴，欢迎一起讨论
05-21 4526
文章目录1 行内公式2 独行公式3 字母戴帽4 上下除、累加、交、并5 希腊字母6 分段公式7 集合运算 本文仅作为日常写文章时，遇到的markdown公式写法记录，不全！ 1 行内公式 将公式插入到本行内，符号：$公式内容$ 结果：我是 x+yx+yx+y 寻找永不遗憾 2 独行公式 将公式插入到新的一行内，并且居中，符号：$$x+y$$ 结果：x+yx+yx+y 3 字母戴帽 符号：$\widehat{帽下内容}$或者$\hat{帽下内容}$ 结果：yi^\widehat{y_i}yi​​，yi^\ha
markdown希腊字母对应表
木盏
08-10 2万+
字母 代码 αα\alpha $\alpha$ ββ\beta $\beta$ γγ\gamma $\gamma$ ΓΓ\Gamma $\Gamma$ δδ\delta $\delta$ ΔΔ\Delta $\Delta$ ϵϵ\epsilon $\epsilon$ εε\varepsilo...
markdown命令的常用数学符号
一叶_障目
12-19 3879
希腊字母 markdown命令 显示效果 markdown命令 显示效果 \alpha α\alpha \beta β\beta \gamma γ\gamma \Gamma Γ\Gamma \delta δ\delta \Delta Δ\Delta \epsilon ϵ\epsilon \varepsilon ε\var
Markdown常用数学符号
一只快乐的小蒟蒻~
03-15 3999
个人常用Markdown数学符号汇总，便于随时查阅。 $\leq$：≤\leq≤ $\geq$：≥\geq≥ $\leqslant$：⩽\leqslant⩽ $\geqslant$：⩾\geqslant⩾ $\ne$：≠\ne​= $\approx$：≈\approx≈ $\sdot$：⋅\sdot⋅ $\perp$：⊥\perp⊥ $\int$：∫\int∫ $\infin$：∞\infin∞ $\infty$：∞\infty∞ $\in$：∈\in∈ $\cap$：∩\cap∩ $\cup$：∪\c
Markdown学习
人生起猿
07-27 167
#Markdown学习 ## 0x00 标题设置 在Markdown当中设置标题，有两种方式： 第一种：通过在文字下方添加“=”和“-”（两个以上），他们分别表示一级标题和二级标题, 例如： 示例第一章 == 第二种：在文字开头加上 “#”，通过“#”数量表示几级标题，（一共只有1~6级标题，1级标题字体最大） 例如：# 示例第一章，注意#和标题内容之间需要有空格，且#需要定格写 # 示例第一章 ## 0x01 块注释 通过在文字开头添加“>”表示块注释。（当>和文字之间添加五个blank时
MarkDown语言的学习
07-16
大家在时的学习中会有做笔记的习惯，但是如果用传统的word文档记笔记我们会使用到鼠标，但是对于一个计算机高手不管是做笔记还是学习，其实他们都很少使用鼠标，绝大部分的事务他们都可以使用键盘来完成操作，当然做...
Markdown学习笔记
最新发布
07-19
Markdown 学习笔记简介 1. 概述 Markdown 是一种轻量级的标记语言，设计初衷是使写作过程更加简单直观。它允许你使用易读易写的纯文本格式，通过简单的标记语法将文本转换为结构化的 HTML。 2. 高级语法 ①任务...
markdown学习记录
01-24
Markdown是一种轻量级的标记语言，它允许...通过掌握Markdown的基本语法，我们可以更高效地撰写、阅读和分享技术文档，而且许多编辑器和平台都支持Markdown，如 Typora，使得Markdown成为了现代文本编辑的标准之一。
MarkDown学习
04-29
### MarkDown 学习知识点详解 #### 一、MarkDown简介 Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML（标准通用标记语言的一个应用）文档。Markdown由John ...
Markdown编辑公式和CSDN-Markdown编辑公式
shmilychan的博客
05-23 1万+
（一）Markdown使用网络服务器插入数学公式使用Google Chart的服务器语法：<img src="http://chart.googleapis.com/chart?cht=tx&chl= 在此插入Latex公式" style="border:none;">例子：<img src="http://chart.googleapis.com/chart?cht=tx&chl=\Large x
Markdown常用数学符号语法
LB_yifeng的博客
10-24 4491
【运算符】 ±\pm± \pm ⋅\cdot⋅ \cdot ×\times× \times ÷\div÷ \div ∓\mp∓ \mp ≥\geq≥ \geq ≤\leq≤ \leq ≠\neq̸​= \neq ≈\approx≈ \approx 【集合与逻辑】 ∁\complement∁ \complement ∉\notin∈/​ \cdot ⊂\subset...
MarkDown行内代码块怎么打出符号`
hhxx的博客
05-22 3958
MarkDown行内代码块怎么打出符号ˋ 1.一般行内代码块： `p` 效果：p 2.显示ˋ （1）如果用 `ˋ` 效果：会被识别为代码块的开头 （2）如果用 `\ˋ` 效果：会被识别三个点 （3）因此我们用输入法里的标点代替中间一个点 ctrl+shift+B调出windows自带输入法的特殊符号，在标点中找到符号ˋ 输入 `ˋ` 效果：ˋ ...
Markdown 常用数学符号和公式
热门推荐
Walker-C
11-22 4万+
文章目录Markdown 常用数学符号和公式1. 如何插入公式2. 常见数学符号和公式2.1 上下标2.2 括号和分隔符2.3 分数2.4 开方2.5 向量和箭头2.6 积分2.7 极限运算2.8 累加、累乘2.9 希腊字母2.10 关系运算符2.11 集合运算2.12 对数运算2.13 三角运算2.14 微积分运算2.15 逻辑运算2.16 戴帽运算2.17 为公式加注释2.18 为公式加序号参考资料 Markdown 常用数学符号和公式 1. 如何插入公式 行中插入公式: $数学公式$ 例如： y
markdown编辑希腊字母
huanhuan_Coder的博客
02-14 2万+
字母名称 大写 markdown原文 小写 markdown原文 alpha A A α \alpha beta B B β \beta gamma Γ \Gamma γ \gamma delta Δ \Delta δ \delta epsilon E E ...
Markdown数学符号
CaptainPRC的博客
11-13 2457
Markdown数学符号上下标分式开方省略号希腊字母三角运算、对数运算积分、极限、偏导、导数累加、累乘集合运算符逻辑运算符箭头符号带帽符号连线符号其他符号需要转义的字符 上下标 效果 Markdown x2x^2x2 x^2 x3x_3x3​ x_3 x32x^2_3x32​ x^2_3 分式 效果 Markdown xy\frac{x}{y}yx​ \frac{x}{y} 开方 效果 Markdown 3\sqrt{3}3​ \sqrt{3}
【Markdown】希腊字母表
Krone_的博客
08-18 1万+
大写 小写 中文名 英文 英语音标注音 大写Markdown 小写Markdown 意义 AAA α\alphaα 阿尔法 Alpha /'ælfə/ A \alpha 角度、系数、角加速度、第一个、电离度、转化率 BBB β\betaβ 贝塔/毕塔 Beta /'bi:tə/ 或 /'beɪtə/ B \beta 磁通系数、角度、系数 Γ\GammaΓ γ\gammaγ ...
markdown中数学符号
klz
09-19 441
文章目录数学符号 数学符号 连接地址：数学符号
java学习路线，markdown描述
05-21
Java是一门广泛应用于企业级开发、移动开发等领域的编程语言，它的学习路线应该包括以下内容： 1. 基础语法：掌握Java基本语法，包括数据类型、控制语句、循环语句等。 2. 面向对象编程：学习面向对象编程的概念、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值