Hexo Markdown 基本语法

发表于 更新于 分类于 阅读次数：
本文字数： 2.3k 阅读时长 ≈ 4 分钟

Markdown基本知识

壹　Markdown 基本语法之文字篇

一　段落

一行文字就是一个段落，不需要额外的代码。
另起一段直接按回车另起一段。



二　粗体、斜体、删除线

1
2
3
4
5
*这是斜体*
_这也是斜体_
**这是粗体**
***这是粗体+斜体***
~~这是删除线~~

显示效果：

这是斜体
这也是斜体
这是粗体
这是粗体+斜体
这是删除线



三　标题

1
2
3
4
5
6
# 这是 H1 
## 这是 H2 
### 这是 H3 
#### 这是 H4
##### 这是 H5
###### 这是 H6


四　引用

1
2
3
4
5
6
7
方法一：
> 引用内容1
                         中间空一行
> 引用内容2
> ......

方法二：

显示效果：

引用内容1

引用内容2
……



五　列表

项目列表：

1
2
3
4
5
6
7
8
9
10
11
*   Fuchsia
*   Green
*   Blue

+   Fuchsia
+  Green
+   Blue

-   Fuchsia
-   Green
-   Blue

显示效果：“*”、“+”、“-”三种标法都是一样的

  • Fuchsia
  • Green
  • Blue
  • Fuchsia
  • Green
  • Blue
  • Fuchsia
  • Green
  • Blue

有序列表：

1
2
3
4
5
6
1.  Fuchsia
2.  Green
3.   Blue
1.   Fuchsia
1.  Green
1.  Blue

显示效果：自动排序，行间距比较大

  1. Fuchsia
  2. Green
  3. Blue
  4. Fuchsia
  5. Green
  6. Blue


六　代码引用

1
`两个反单引号之间的内容，会当做代码处理`

显示效果：

这种是在句子中间引用代码：两个反单引号之间的内容，会当做代码处理 ，很多时候会用到。



七　代码块

上下各三个反单引号，中间不论有几行，这部分加起来就是代码块： 反单引号： `

显示效果：

1
2
3
4
5
6
上下各三个反单引号，中间不论有几行，这部分加起来就是代码块。
第二行
第三行
第四行
第五行
......


八　分割线

1
2
3
4
5
6
在没有其他内容的空行，下列符号都可以用作分割线：
* * *
***
*****
- - -
---------------------------------------

显示效果：是一模一样的



九　转义

1
2
3
4
5
6
7
8
9
10
11
12
13
markdown支持在以下字符前面插入反斜杠: 插入之后，将不再解析这些字符，而是原样输出。
\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号


十　表格

1
2
3
4
5
6
7
8
9
10
11
| Item     | Value | Qty   |
| :------- | ----: | :---: |
| Computer | $1600 |  5    |
| Phone    | $12   |  12   |
| Pipe     | $1    |  234  |


左边冒号，左对齐
右边冒号，右对齐
两边冒号，居中对齐
一条虚线，加粗线条，项目线条

显示效果：

Item Value Qty
Computer $1600 5
Phone $12 12
Pipe $1 234


十一　注释

1
2
3
4
5
6
7
8
9
语法结构：{% note class_name %} 注释内容 {% endnote %}

其中，class_name 可以是以下列表中的一个值：
default
primary
success
info
warning
danger

显示效果：

default

primary

success

info

warning

danger




贰　Markdown 基本语法之多媒体篇

一　超链接

1
2
3
4
一个例子：尖括号里的链接自动生产超链接
[百度](http://baidu.com/)
[百度](http://baidu.com/ "鼠标悬停显示：打开百度")
<http://baidu.com/>

显示效果：

百度
百度
http://baidu.com/



二　图片

1
2
![图片占位名称](/pic/hd.jpg)
![图片占位名称](/pic/xm.png "图片下方及鼠标悬停显示：大熊猫")

显示效果：

图片占位名称
图片占位名称



三　视频

1
2
3
4
直接调用HTML的代码即可：一个Youtube的实例。
<iframe width="560" height="315" 
src="https://www.youtube.com/embed/PV7jN218VC0" frameborder="0" allow="accelerometer; 
autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

显示效果：



参考：wizardforcel 的 Markdown 简单的世界

-------------本文结束 感谢您的阅读-------------
转载别忘了注明出处哈
🍭🍭🍭😜
0%