一文学会用Markdown写博客

Huster_kenneth
1,612 阅读7分钟

一、Markdown简介

  Markdown是一种轻量级标记语言，将写文字和排版的过程统一成纯文本，编写的文档后缀为 .md或者 .markdown。另外Github、知乎和印象笔记等平台都支持Markdown，在 2004 由约翰·格鲁伯（John Gruber）创建。   Markdown 的目标是实现易读易写，编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档，且兼容HTML标签的使用。

二、Markdown语法

1. Markdown快捷键

  • 目录：@ + [TOC] + (目录标题)
  • 撤销：Ctrl / Command + Z
  • 重做：Ctrl / Command + Y
  • 加粗：Ctrl / Command + B
  • 斜体：Ctrl / Command + I
  • 查找：Ctrl / Command + F
  • 替换：Ctrl / Command + G
  • 标题：Ctrl / Command + Shift + H
  • 无序列表：Ctrl / Command + Shift + U
  • 有序列表：Ctrl / Command + Shift + O
  • 检查列表：Ctrl / Command + Shift + C
  • 插入代码：Ctrl / Command + Shift + K
  • 插入连接：Ctrl / Command + Shift + L
  • 插入图片：Ctrl / Command + Shift + G

2. Markdown标题

  Markdown 支持两种标题的语法，类 Setext 和类 atx 形式。类 Setext 形式是用底线的形式，利用 =（最高阶标题）和 -（第二阶标题），任何数量的 = 和 -都可以有效果；

我展示的是一级标题
=================

我展示的是二级标题
-----------------

  效果如下：

  笔者偏好用类 Atx 形式，在行首插入 1 到 6 个# ，对应到标题 1 到 6 级，#与标题之间一般需要空一格。；

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

  效果如下：

3. Markdown格式

1）分隔线

  你可以在一行中用三个以上的*、-、_来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线。

***

* * *

*****

- - -

----------

  效果如下：

2）文字样式

  Markdown不支持文字字体或者颜色设置，需要借助 HTML标签来实现。

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___
<u>下划线</u>

  效果如下：

斜体文本 斜体文本 粗体文本 粗体文本 粗斜体文本 粗斜体文本 下划线

3）字体及颜色

<font color = "gray" size = 2>字体上色</font>  
<font color = "red"  size = 4>字体上色</font>
==背景色==
<font face="黑体" size = 4>我是黑体字</font>
<font face="华文行楷" size = 4>我是华文行楷</font>
<font face="STCAIYUN" size = 4>我是华文彩云</font>

  效果如下：

字体上色
字体上色 ==背景色== 我是黑体字 我是华文行楷 我是华文彩云

4. Markdown列表

  Markdown 支持无序列表 和有序列表，可以与引用区块相互嵌套使用。

1）无序列表

  无序列表使用星号*、加号+或是减号-作为列表标记，并与输出的内容中间空一格；

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项

- 第一项
- 第二项
- 第三项

  效果如下：

  • 第一项
  • 第二项
  • 第三项

3）有序列表

  有序列表使用数字并加上.号，并与输出的内容中间空一格；

1. 第一项
2. 第二项
3. 第三项

  效果如下：

  1. 第一项
  2. 第二项
  3. 第三项

5. Markdown引用

  引用是在段落开头使用> 符号 ，然后后面紧跟一个空格符号Space；

> 最外层
> > 第一层嵌套
> > > 第二层嵌套
> + 无序列表第一项
> 1. 有序列表第一项
> 2. 有序列表第二项
> + 无序列表第二项
> + 无序列表第三项

  效果如下：

最外层

第一层嵌套

第二层嵌套

  • 无序列表第一项
  1. 有序列表第一项
  2. 有序列表第二项
  • 无序列表第二项
  • 无序列表第三项

6. Markdown代码

  如果是段落上的一个函数或片段的代码可以用反引号把它包起来，或者Tab键。在代码区块里面， & 、 < 和> 会自动转成 HTML 实体，这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码。

	`Markdown代码`

	```c
	你也可以用 ```包裹一段代码，并指定一种语言（也可以不指定）
	```

  效果如下：

Markdown代码

你也可以用 ```包裹一段代码，并指定一种语言（也可以不指定）

7. Markdown链接

  Markdown 支持两种形式的链接语法： 行内式和参考式两种形式，行内式一般使用较多。

1）行内式

  链接一般格式：[]里写链接文字，()里写链接地址,()中的""中可以为链接指定title属性，title属性可加可不加。title属性的效果是鼠标悬停在链接上会出现指定的 title文字。[链接文字](链接地址 “链接标题”)这样的形式。链接地址与链接标题前有一个空格。

这是一个链接 [CSDN](https://www.csdn.net/ "title")
<http://baidu.com/>

  效果如下：

这是一个链接 CSDN baidu.com/

2）参考式

  参考式超链接一般用在学术论文上面，或者另一种情况，如果某一个链接在文章中多处使用，那么使用引用 的方式创建链接将非常好，它可以让你对链接进行统一的管理。

我经常去的几个网站[Google][1]

[1]:http://www.google.com "Google"

  效果如下：

我经常去的几个网站Google

8. Markdown图片

  图片一般格式：感叹号 !、方括号[]里面放上图片的替代文字,一个普通括号()里面放上图片的网址。图片默认居左，#pic_center居中、#pic_right居右，=width x hight规定图片尺寸。

![如何在markdown中插入图片](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/25/1724b713088acdca~tplv-t2oaga2asx-image.image)

  效果如下：

test图片

9. Markdown表格

  Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行，默认居中对齐。

| 表头 | 表头 | 表头| | :---- | :----: | ----: | | 单元格 | 单元格 |单元格 | | 单元格 | 单元格 |单元格 |

  • -: 设置内容和标题栏居右对齐。
  • :- 设置内容和标题栏居左对齐。
  • :-: 设置内容和标题栏居中对齐。

  效果如下：

表头 表头 表头
单元格 单元格 单元格
单元格 单元格 单元格

10. LaTeX 公式

1）行内公式$

质能守恒方程： $E=mc^2$

  效果如下： 质能守恒方程： E=mc^2

符号 代码表示
x^2 $x^2$
x_2 $x_2$
e^{xy} $e^{xy}$
\frac{ x }{ y } $\frac{ x }{ y }$
\sqrt{ x } $\sqrt{ x }$
\ldots $\ldots$(文本底线对齐)
\cdots $\cdots$(文本中线对齐)
\vec{ a } \vec{ a }
\int_0^2 x {\rm d}x $\int_0^2 x {\rm d}x$
\iint $\iint$
\infty $\infty$
\lim\limits_{n \rightarrow +\infty} \frac{1}{n} $\lim\limits_{n \rightarrow +\infty} \frac{1}{n}$
\sum_{i=0}^n \frac{1}{i^2} $\sum_{i=0}^n \frac{1}{i^2}$
\prod_{i=0}^n \frac{1}{i^2} $\prod_{i=0}^n \frac{1}{i^2}$
\left\{123\right\} \left\{123\right\}
\pm $\pm$
\times $\times$
\div \div
\mid \mid
\ast $\ast$
\leq $\leq$
\geq \geq
\neq \neq
\uparrow $\uparrow$
\downarrow \downarrow
\rightarrow $\rightarrow$
\leftarrow $\leftarrow$
\Uparrow \Uparrow
\Downarrow $\Downarrow$
\Leftarrow \Leftarrow
\Rightarrow $\Rightarrow$
\forall $\forall$
\exists $\exists$
\not= $\not=$

2）整行公式?

? 函数名=\begin{cases}
公式1 & 条件1 \\
公式2 & 条件2 \\
公式3 & 条件3 
\end{cases}?

  效果如下：

函数名=\begin{cases} 公式1 & 条件1 \\ 公式2 & 条件2 \\ 公式3 & 条件3 \end{cases}

参考

1. 中文字体的英文名称对照表

中文名 英文名 样式
华文细黑 STXihei 华文细黑
华文黑体 STHeiti 华文黑体
华文楷体 STKaiti 华文楷体
华文宋体 STSong 华文宋体
华文仿宋 STFangsong 华文仿宋
丽黑 Pro LiHei Pro Medium 丽黑 Pro
丽宋 Pro LiSong Pro Light 丽宋 Pro
标楷体 BiauKai 标楷体
苹果丽中黑 Apple LiGothic Medium 苹果丽中黑
苹果丽细宋 Apple LiSung Light 苹果丽细宋
新细明体 PMingLiU 新细明体
细明体 MingLiU 细明体
标楷体 DFKai-SB 标楷体
黑体 SimHei 黑体
宋体 SimSun 宋体
新宋体 NSimSun 新宋体
仿宋 FangSong 仿宋
楷体 KaiTi 楷体
仿宋_GB2312 FangSong_GB2312 仿宋_GB2312
楷体_GB2312 KaiTi_GB2312 楷体_GB2312
微软正黑体 Microsoft JhengHei 微软正黑体
微软雅黑 Microsoft YaHei 微软雅黑
隶书 LiSu 隶书
幼圆 YouYuan 幼圆
华文细黑 STXihei 华文细黑
华文楷体 STKaiti 华文楷体
华文中宋 STZhongsong 华文中宋
方正舒体 FZShuTi 方正舒体
方正姚体 FZYaoti 方正姚体
华文彩云 STCaiyun 华文彩云
华文琥珀 STHupo 华文琥珀
华文隶书 STLiti 华文隶书
华文行楷 STXingkai 华文行楷
华文新魏 STXinwei 华文新魏

2. 常用颜色英文名与十六进制对照表

颜色名 十六进制颜色值
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Bisque #FFE4C4
Black #000000
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Crimson #DC143C
DarkBlue #00008B
DarkCyan #008B8B
DarkGreen #006400
DarkMagenta #8B008B
Darkorange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSeaGreen #8FBC8F
DarkTurquoise #00CED1
DeepPink #FF1493
DeepSkyBlue #00BFFF
DodgerBlue #1E90FF
Fuchsia #FF00FF
GreenYellow #ADFF2
Indigo #4B0082
Magenta #FF00FF
SkyBlue ##87CEEB
SpringGreen #00FF7F
Turquoise #40E0D0
VioletRed #D02090
Yellow #FFFF00
YellowGreen #9ACD32
Teal #008080
SeaGreen #2E8B57
Wheat #F5DEB3
avatar
文章
阅读
粉丝