新人生存指南--Markdown语法规范（资料补充）

lemooljiang (73)in #cn • 7 years ago

很多新人朋友可能没有看到，对排版的格式还是不清楚。这里再补充点资料，这次可不要再错过了！已保存的朋友可以略过。

一、基础语法
1. 标题设置
在文字开头加上 “#”，后接一个空格。通过“#”数量表示几级标题。（一共只有1~6级标题，1级标题字体最大），如下：
注意：后要加空格
# 一级标题
## 二级标题
### 三级标题
2. 首行缩进
中文在排版时首行都有缩进两格，或是编辑时要有多个空格，编辑器中要在全角状态下才能输入空格！（或者使用HTML空格标签： &nbsp; ）。
实现方法：在中文输入法时用shift+空格键切换成全角，再输入两个空格（或 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;）
３. 引用文字
在句首加上">"即可。格式如下：> 引用文字，结束时换行。如下：
>这是毛主席说的，枪杆子里出政权。
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）行内式链接：![图片名称](图片url)，例如：
![sea](https://steemitimages.com/DQmS5CXgThWGHKzmzU5ombr87dWXzvPXpVsTBowkNKjtWuU/sea.jpg)
（2）参考式链接：
![名称][id] 
[名称]:图片url
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）<br/> 换行
（3）<hr/>水平线
（4）<b>这是粗体</b>
（5）<del>删除的文本</del>
（6）<code>代码块<div></code>
（7）<strong>加强的文本</strong>
（8）<em>这是强调</em>
（9）<i>这是斜体</i>
（10）<blockquote>引用的文本</blockquote>
（11）<a href="www.baidu.com">百度</a>