Markdown初级语法

Markdown入门(markdown版)

参考网站:知乎、菜鸟教程、CSDN、简书等。

Markdown简介:

 Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。

 由于Markdown的轻量化、易读易写特性,并且对于图片,图表、Latex公式等都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、CSDN、简书等,甚至还能被使用来撰写电子书。

 写一个Markdown文档,可以将直接使用Markdown语法Html的标签混合进行使用,因为最后都会转换成Html,但要注意的是,在HTML区块标签间的 Markdown 格式语法将不会被处理

在段落中填写 [TOC] 以显示全文内容的目录结构。

1. 标题

## (1)二级标题

二级标题

###### (2)六级标题

六级标题

2. 文字标记

(1) *斜体*

斜体

(2) **加粗**

加粗

(3) ***斜体+加粗***

斜体+加粗

(4) ~删除线~

删除线

(5)字体、字号、 颜色(借助html)

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。
但它本身不支持修改字体、字号与颜色等功能的!通过使用内嵌HTML的方法来实现:字体,字号和颜色编辑。
目前所有浏览器都支持在HTML和CSS颜色规范定义的141个颜色(17标准颜色,再加124),可以从网上找到所有颜色的值,包括十六进制值。

① <font size=3 face="黑体" >size=3 face="黑体"</font>

size=3 face=“黑体”

② <font color=#FF0000 size=3 face="宋体" >color=#FF0000 size=3 face="宋体"</font>

color=#FF0000 size=3 face=“宋体”

③ <font color=#008000 size=3 face="楷体" >color=#008000 size=3 face="楷体"</font>

color=#008000 size=3 face=“楷体”

④ <font color=#0000FF size=3 face="Times New Roman" >color=#0000FF size=3 face="Times New Roman"</font>

color=#0000FF size=3 face=“Times New Roman”

注意:HTML5 不支持 <font> 标签,早在 HTML 4.01 中,<font> 元素已废弃。在HTML5中可以使用CSS来定义文本的字体、尺寸、颜色。

(6)背景色(借助html)

Markdown本身不支持背景色设置,需要采用内置html的 <table>, <tr>, <td>等表格标签的 bgcolor 属性来实现背景色的功能。

<table><tr><td bgcolor=#7FFFD4 align="left">背景色</td></tr></table>

背景色

(7)文字居中(借助html)

标准的markdown文本,是不支持居中对齐的,可以通过html实现。

居中:<center >HTML居中</center>

HTML居中

(8)其他 html 文字标签

① <b >加粗</b> ; <i >斜体</i> ; <em >强调</em> ; <u >下划线</u> ; <s >删除线</s>

加粗斜体强调下划线删除线

② 上标<sup >1</sup> ; 下标<sub >2</sub> ; <br >换行

上标1 ; 下标2
换行

③ <kbd >键盘体</kbd>

键盘体

使用 Ctrl+Alt+Del 重启电脑

(9)缩进字符、换行

①缩进一个字符: 缩进

②缩进两个字符: 缩进

③换行:markdown中两次回车就可以换行。

3. 分割线

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西;也可以在星号或是减号中间插入空格。如:

(1)- - -


4.下划线

下划线可以通过 HTML 的 <u>..</u>标签来实现

(1)<u>下划线</u>

下划线

5. 引用

在引用的文字前加>即可。引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等。

> (1)this is a **denote**.

(1)this is a denote.

6. 脚注

Markdown 脚注的格式如下:[^要注明的文本]。例如:

时间[time]
(空一行)
[time]: 2022.1.11

时间time

7. 列表

Markdown 支持有序列表和无序列表。

(1)有序列表

有序列表使用数字接着一个英文句点作为标记【注意:序号跟内容之间要有空格】。如:

1. first

1. second

  1. first
  2. second

(2)无序列表

无序列表使用星号、加号或是减号作为列表标记【注意:- + * 跟内容之间都要有一个空格】。如:

- first
    - f.1
        - f.1.1
+ second
* third
  • first
    • f.1
      • f.1.1
  • second
  • third

8. 表格

(1)Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

| 表头1 | 表头2 | 表头3 |
| :---- | ----: | :---: |
| 左齐  | 右齐  | 居中  |
表头1表头2表头3
左齐右齐居中
左齐右齐居中

(2)借助Html 写一个纵跨两行的表格。

值班人员星期一星期二星期三
李强张明王平

9. 代码

(1)用反引号 ` 这个符号来包围想要高亮显示的代码块。

`print(“hello world!”)`

print("hello world!")

(2)用三个连续的反引号 ```来引入接下来的一行或多行代码块,并同样使用 ```来表示代码块到此为止。还可以在第一行中给出代码使用的具体语言。例如:

```python
# 这是在markdown中插入的python代码块
for i in range(10)
print i
```

# 这是在markdown中插入的python代码块
for i in range(10) 
    print i

10. 链接

(1)直接展示链接<URL>

百度:\<https://www.baidu.com>

百度:https://www.baidu.com

(2)超链接:[链接名称](链接地址)

[百度](https://www.baidu.com)

百度

(3)引用式超链接(类似注脚)

[百度][URL1]
(空一行)
[URL1]:https://www.baidu.com

百度

11. 图片

(1)直接展示:![无法加载时显示](URL “鼠标悬浮图片时所显示内容”)

![无法加载时显示](https://img-blog.csdnimg.cn/img_convert/61c8823690ad65ee4fc8ac20aa6d7f6b.png)

无法加载时显示

(2)引用展示

![无法加载时显示][image]
(空一行)
[image]:https://i-blog.csdnimg.cn/blog_migrate/20089d954e807425410234595a90f1b5.jpeg "鼠标悬浮图片时所显示内容"

无法加载时显示

(3)调整图片的尺寸

Markdown 还没有办法指定图片的高度与宽度,如果需要的话,可以使用html中的 <img> 标签。

<img src="https://i-blog.csdnimg.cn/blog_migrate/c2ddf1d3d3b10d547eb7391ae668936f.png" width="25%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/20089d954e807425410234595a90f1b5.jpeg" width="25%">

12. 待办事宜 Todo 列表

使用带有 [ ] 或 [x] (未完成或已完成)项的列表语法撰写一个待办事宜列表,并且支持子列表嵌套以及混用Markdown语法,例如:

- [ ] **七月旅行准备**
    - [ ] 准备邮轮上需要携带的物品
    - [ ] 浏览日本免税店的物品
    - [x] 购买蓝宝石公主号七月一日的船票
  • 七月旅行准备
    • 准备邮轮上需要携带的物品
    • 浏览日本免税店的物品
    • 购买蓝宝石公主号七月一日的船票

13. Markdown进阶

(1)支持Latex公式

①行内公式排版: $ c = \sqrt{a^{2}+b_{xy}^{2}+e^{x}} $

c = a 2 + b x y 2 + e x c = \sqrt {a^{2}+b_{xy}^{2}+e^{x}} c=a2+bxy2+ex

②块公式排版:$$ c = \sqrt{a^{2}+b_{xy}^{2} +e^{x}} $$

c = a 2 + b x y 2 + e x c = \sqrt{a^{2}+b_{xy}^{2} +e^{x}} c=a2+bxy2+ex

(2)绘制流程图、时序图、甘特图

支持Markdown语言的编辑器很多,但是不是所有都支持流程图、时序图和甘特图的绘制。主要有以下:

Typoro(支持)

Cmd Mrakdown(支持):https://www.zybuluo.com/mdeditor

MarkdownPad(支持):http://markdownpad.com/

CSDN(支持):https://www.csdn.net

Jupyter Notebook(不支持)

有道云笔记(不支持):http://note.youdao.com/

其他:简书、小书匠、VScode、马克飞象、Mark Text等。


外部参考:

【Markdown语言】

CSDN

CSDN官方Markdown文档

Markdown语法图文全面详解(10分钟学会):https://blog.csdn.net/u014061630/article/details/81359144?spm=1001.2014.3001.5506

markdown编辑器语法——文字颜色、大小、字体与背景色的设置:https://blog.csdn.net/manjianchao/article/details/53668280?spm=1001.2014.3001.5506

markdown 中的一些 html 使用属性:https://blog.csdn.net/smilejiasmile/article/details/89511888?spm=1001.2014.3001.5506

Markdown的 支持HTML使用方法:https://blog.csdn.net/qq_44123730/article/details/103272722?spm=1001.2014.3001.5506

Markdown进阶(更改字体、颜色、大小,设置文字背景色,调整图片大小设置居中):https://blog.csdn.net/heimu24/article/details/81189700?spm=1001.2014.3001.5506

菜鸟教程

Markdown教程:https://www.runoob.com/markdown/md-tutorial.html

Cmd Markdown

Cmd Markdown 简明语法手册:https://www.zybuluo.com/mdeditor url=https://www.zybuluo.com/static/editor/md-help.markdown

Cmd Markdown 高阶语法手册:https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#cmd-markdown-高阶语法手册

【 Latex编辑公式】

CSDN

最全 Markdown + Latex 编写技巧:https://blog.csdn.net/HaleyPKU/article/details/80341932?spm=1001.2014.3001.5506

Cmd Markdown

Cmd Markdown 公式指导手册(部分语法在纯markdown编辑器中无法显示) https://ericp.cn/cmd

简书

有LaTeX的深厚底蕴,Markdown是果然最美的编辑语言!!:https://www.jianshu.com/p/16fbd768bfe7

Markdown中的LaTeX格式:https://www.jianshu.com/p/8c46e915c45e

【 Markdown绘制流程图、时序图、甘特图】

CSCD

CSDN官方Markdown文档

Cmd Markdown

Cmd Markdown 高阶语法手册:https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#cmd-markdown-高阶语法手册

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值