半个小时学会Markdown语法规范

2019-07-07  本文已影响0人  Apple_Boy

        作为一个IT人员,不会Markdown是说不过去的,于是今天兴起就学了一下,并且将刚学会的技能使用Markdown语法记录!
        Markdown 轻量化的标记语言,一种适用于网络的书写语言。Markdown 是一个面向写作的语法引擎,Markdown 的最终目的都是解析成 HTML 用于网页浏览,所以它兼容 HTML 语法,即你可以在 Markdown 文档中使用原生的 HTML 标签。
        本文分三部分:基础语法,高级点的语法和好用的HTML标签。

一、基础语法

1. 标题设置

在文字开头加上 “#”,后接一个空格。通过“#”数量表示几级标题。(一共只有1~6级标题,1级标题字体最大),如下:

注意:后要加空格

# 一级标题

## 二级标题

### 三级标题

2. 首行缩进

中文在排版时首行都有缩进两格,或是编辑时要有多个空格,编辑器中要在全角状态下才能输入空格!(或者使用HTML空格标签: &nbsp)。

实现方法:在中文输入法时用shift+空格键切换成全角,再输入两个空格(或        

. 引用文字
在句首加上">"即可。格式如下:> 引用文字,结束时换行。如下:

>这是毛主席说的,枪杆子里出政权。

4. 斜体和粗体文字
将需要设置为斜体的文字两端加或是_ ;粗体的文字两端加*或__,(注意:文字两端不能有空格),如下:

*这是一段斜体文字* 这是一段斜体文字

**这是一段粗体文字** 这是一段粗体文字

_这是一段斜体文字_ 这是一段斜体文字

_这是一段粗体文字_ 这是一段粗体文字

5.分割线:


6.删除线

删除线

7. 无序列表
在文字开头添加(, +, 或 -)实现无序列表。注意在(, +, 或 -)和文字之间需要添加空格。如下:

* 花生

* 柿子

8. 有序列表
使用数字后面跟上点号“.”(还要有空格)如下:

  1. 第一条

  2. 第二条

9 . 链接(Links)
Markdown中有两种方式实现链接,行内式链接和参考式链接
(1) 行内式链接:[文章名](文章url)。例如:

[新人生存指南之一:steem介绍]https://steemit.com/steemit/@lemooljiang/3f5j36-steem

(2) 参考式链接:
关于markdown的语法有可以参考这三篇文章,oflyhigh的[《使用Markdown来让你的文章更易于阅读、更美观》][1] 和lemoojiang的[《图文编辑三板斧》][2] ,还有 carinewhy的[《新手教學-在steemit内改變圖片大小和圖片排位的方法》][3]。
[1]: https://steemit.com/cn/@oflyhigh/markdown
[2]: https://steemit.com/cn/@lemooljiang/4mddsq
[3]: https://steemit.com/cn-tutorial/@carinewhy/625apt-steemit

10. 图片(Images)
图片的处理方式和链接的处理方式,非常的类似,行内式链接和参考式链接。

注意:可以直接使用编辑器的上传图片功能“selecting them”

(1)行内式链接:[图片上传失败...(image-a74a6e-1562495431015)],例如:

![sea](https://img.haomeiwen.com/i14753999/46c176ae4ac001a3.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

sea

(2)参考式链接:
![名称][id]

11.视频(videos)

利用视频服务器的插入代码,例如:

<iframe width="560" height="315" src="https://www.youtube.com/embed/1eTj_TGJMvw" frameborder="0" allowfullscreen></iframe>

12.表格

下面的例子是设计三列的表格,要几列,就用几个“|”分隔。

序号|内容|作者

------------|------------|------------

1|天龙八部|金庸

2|绝代双娇|古龙

二、高级点的语法

1. 代码区块(HTML中所谓的Code)

实现方式有两种:
第一种:简单文字出现一个代码框。使用 括起来。(左上角的ESC下面~中的
第二种:使用四个空格。如下:

设计网页时<html>标签是必要的。

注意:多行的代码块可以如下表示:

```

设计网页时<html>标签是必要的。

还有很多<a>标签的用法。

标签的用处很多<pre>

```

2. 反斜杠

Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号,例如:如果你想要用星号加在文字旁边的方式来做出强调效果,如下:

*这是需要强调的部分*

三、好用的HTML标签

1. 文字居中
用HTML的一对标签来实现,就是<center>。格式如下:

<center><h2>这是标题(文字)</h2> </center>

2. 分栏排版

段落或图片分成两列或是三列排版,可以用<div>或<table>标签来实现。格式如下:

两栏的版式:图片宽度取7cm ,dpi:150

第一种:

<div class="pull-left">图片url</div>这是文字部分

例如:

<div class="pull-left">http://www.scisan.com/wp-content/uploads/2017/07/vmall.jpg</div>最近华为商城请了胡歌代言,销量也是直线上升啊。

第二种:

<table>

<tr>

​ <td >图片URL地址</td>

​ <td>文本部分</td>

</tr>

</table>

三栏的版式 图片宽度取5cm ,dpi:150

<table>

<tr>

​ <td >图片URL地址</td>

​ <td>文本部分</td>

​ <td>文本部分</td>

</tr>

</table>

3. 其它支持的标签

(1)<h1>这是标题</h1>

(2)
换行

(3)


水平线

(4)这是粗体

(5)<del>删除的文本</del>

(6)代码块<div>

(7)<strong>加强的文本</strong>

(8)<em>这是强调</em>

(9)<i>这是斜体</i>

(10)<blockquote>引用的文本</blockquote>

(11)<a href="www.baidu.com">百度</a>

比较好的Markdown教程:https://www.jianshu.com/p/235fd3679a02

上一篇下一篇

猜你喜欢

热点阅读