作为一个IT人员,不会Markdown是说不过去的,于是今天兴起就学了一下,并且将刚学会的技能使用Markdown语法记录!
Markdown 轻量化的标记语言,一种适用于网络的书写语言。Markdown 是一个面向写作的语法引擎,Markdown 的最终目的都是解析成 HTML 用于网页浏览,所以它兼容 HTML 语法,即你可以在 Markdown 文档中使用原生的 HTML 标签。
本文分三部分:基础语法,高级点的语法和好用的HTML标签。
一、基础语法
1. 标题设置
在文字开头加上 “#”,后接一个空格。通过“#”数量表示几级标题。(一共只有1~6级标题,1级标题字体最大),如下:
注意:后要加空格
# 一级标题
## 二级标题
### 三级标题
2. 首行缩进
中文在排版时首行都有缩进两格,或是编辑时要有多个空格,编辑器中要在全角状态下才能输入空格!(或者使用HTML空格标签:  
)。
实现方法:在中文输入法时用shift+空格键切换成全角,再输入两个空格(或
)
3. 引用文字
在句首加上">"即可。格式如下:> 引用文字,结束时换行。如下:
>这是毛主席说的,枪杆子里出政权。
4. 斜体和粗体文字
将需要设置为斜体的文字两端加或是_ ;粗体的文字两端加*或__,(注意:文字两端不能有空格),如下:
*这是一段斜体文字* 这是一段斜体文字
**这是一段粗体文字** 这是一段粗体文字
_这是一段斜体文字_ 这是一段斜体文字
_这是一段粗体文字_ 这是一段粗体文字
5.分割线:
6.删除线
删除线
7. 无序列表
在文字开头添加(, +, 或 -)实现无序列表。注意在(, +, 或 -)和文字之间需要添加空格。如下:
* 花生
* 柿子
8. 有序列表
使用数字后面跟上点号“.”(还要有空格)如下:
-
第一条
-
第二条
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)
(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)
水平线
(5)<del>删除的文本</del>
(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
网友评论