小柒

一篇文章玩转Markdown
Markdowm介绍Markdown 是一种轻量级标记语言,让写作者专注于写作而不用关注样式。Coding 的许多...
扫描右侧二维码阅读全文
18
2019/01

一篇文章玩转Markdown

Markdowm介绍

Markdown 是一种轻量级标记语言,让写作者专注于写作而不用关注样式。Coding 的许多版块均采用了 Markdown 语法,比如冒泡、讨论、Pull Request 等。


标题

用Markdown语法编辑时,在文本前面加上'#'即可创建一级标题;二级标题'##',Markdown最高支持六级标题;即前面添加六个'#'!

语法示例:

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

效果预览:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

分割线

在下一行使用三个'---'或'___'符号可以解析为分割线

使用效果:



文本

在文本开头添加一个制表符(tab)或者4个空格!

普通文本:

  • 这是一行普通文本

单行文本:

这行文本添加了一个制表符(Tab),或者4个空格符号

块状文本:

这是一行块状文本
文本前面添加一个Tab
文本前面添加了四个空格符

文字高亮

文字高亮功能能使行内部分文字高亮,使用一对反引号。

语法:

`linux` `JavaScript` `socket` `String`

示例:

linux JavaScript socket String

锚点

Coding 会针对每个标题,在解析时都会添加锚点id

使用方式:

语法效果
[标题](#锚点ID)回到顶部

外部链接

#语法效果
1[我的博客](https://www.i7dom.cn/2019/01/18/Markdown.html "悬停提示")我的博客
2[我的GitHub][GitHub]我的GitHub
语法2由两部分组成:
1.第一部分使用两个中括号,[ ]里的标识符(本例中GitHub),可以是数字,字母等的组合,标识符上下对应就行了
2.第二部分标记实际URL
3.URL定义到文章的末尾,是编辑的文本更简洁
4.定义语法[名字]:www.xxx.com

图片链接

给图片加链接的本质是混合图片显示语法和普通的链接语法.普通的链接中[ ]内部是链接要显示的文本,而图片链接[ ]里面则是要显示的图片.

#语法预览
1[![](weibo-logo)](https://weibo.com/linpiaochen)
2![](https://www.xxx.com/xxx.jpg "提示信息")
3![][urlname]

换行

直接回车不能换行,
可以在上一行文本后面补两个空格,
这样下一行的文本就换行了.

或者就是在两行文本直接加一个空行,

也能实现换行效果,不过这个行间距有点大.


斜线,粗体,删除线

语法效果
*斜体1斜体1
_斜体2_斜体2
**粗体1**粗体2
_粗体2_粗体2
~~删除线~~删除线
***斜粗体1***斜粗体2
_斜粗体2_斜粗体2
***~~斜粗体删除线1***~~斜粗体删除线1
~~***斜粗体删除线2***~~斜粗体删除线2
斜体粗体可以一起使用!

引用与多级引用

标记区块引用'>',只需要在整个段落的第一行最前面加上

使用语法:

> 一级引用
>> 二级引用
>>> 三级引用
>>>> 四级引用
>>>>>五级引用

效果预览:

一级引用

二级引用

三级引用

四级引用

五级引用

列表

列表项目标记通常放在最左边,项目标记后面要接一个字符的空格。

一级无序列表语法:

-
*
+

在每行前面添加'-'.'*'或'+'

一级无序列表预览:

  • 无序列表1
  • 无序列表2
  • 无序列表3

一级有序列表语法:

1.
2.
3.

在每行前面加上数字和'.'

一级有序列表预览:

  1. 数字列表1
  2. 数字列表2
  3. 数字列表3

多级无序列表预览:

  • 一级无序列表

    • 二级有序列表

      - 三级有序列表
      

在第二级列表加四个空格,多级在每上级空格加四

多级有序列表预览:

  1. 一级无序列表

    1. 二级有序列表

      3. 三级有序列表
      

在第二级列表加四个空格,多级在每上级空格加四


复选框列表

选择列表,使用方式'- [] 内容',注意前后面都有空格

使用方式:

复选框01

效果预览:

复选框02

由于解析的原因本站编辑器无法解析这个语法,通过其他编辑器截图效果!

代码高亮

在三个反引号后面加上编程语言的名字,另起一行开始写代码,最后一行再加上三个反引号。

使用语法:

```php
<?php
$a = $_GET['a'];
$b = $_GET['b'];
if(is_int($a) || is_string($b))
{
echo '代码高亮:'.a.b;
}
?>
```

效果预览:

<?php
$a = $_GET['a'];
$b = $_GET['b'];
if(is_int($a) && is_string($b))
{
    echo '代码高亮:'.a.b;
}
?>

行内代码高亮预览:

yum -y install gcc g++

缩进代码高亮预览:

#include<stdio.h>
int main()
{
    printf("一篇文章玩转Markdown");
    return 0;
}
最后修改:2019 年 01 月 19 日 04 : 27 PM

发表评论