MarkDown入门与基本语法知识

曾经终败给现在 2022-07-11 11:07 258阅读 0赞

# MarkDown的入门使用及基本语法 #

*  MarkDown的入门使用及基本语法
    
     *  MarkDown中文版语法说明文档
     *  MarkDown的常见的语法规则
        
         *  六类标题可选
         *  列表
         *  图片与链接
         *  字体的粗斜
         *  分隔线
         *  引用的写法
         *  表格
     *  快捷键
     *  MarkDown中插入图片的几种解决方法
     *  解决用Markdown插入代码不换行的问题

## MarkDown中文版语法说明文档 ##

*  [简要快速入门版][Link 1]
 *  [完整语法版][Link 2]

## MarkDown的常见的语法规则 ##

### 六类标题可选 ###

如果一段文字被定义为标题，只要在文字前面加上\#号即可，\#号的个数越多，标题的字体越小，最多可以有六个\#号。如：

： \#一级标题  
： \#\#二级标题  
： \#\#\#三级标题

### 列表 ###

常见的列表分为有序列表和无序列表，无序列表可以用’\*’，’+’，’-‘放在开头表示无序列表，输出的HTML都为  
`<ul> <li>test1</li> <li>test2</li> <li>test3</li> </ul>`

有序列表则是使用一般的数字接一个英文句点作为标记：  
1.第一点  
2.第二点  
3.第三点

### 图片与链接 ###

插入链接和插入图片的语法很像，只区别插入图片要在前面加多一个！符号  
\* 插入链接是：[百度搜索][Link 3]  
\* 插入图片是：![Test Image][]  
插入链接也可以使用参考链接，即为链接定义一个名称，然后在文件的其他地方(一般放到Markdown文件最后)，定义该链接的内容，如：[参考链接hao123][hao123]  
参考式图片同理。

### 字体的粗斜 ###

只需要在字体两边加上\*即可，加一个’\*’为斜体，加两个’\*’为粗体  
如： *斜体*，**粗体**  
注意如需显示\#,\*,>等特殊字符时，需要用转义符’\\’进行转义。

### 分隔线 ###

只需要另起一行，用\*\*\*表示即可，或者也可以使用三个减号-或者三个底线、\_

--------------------

### 引用的写法 ###

> 一级引用
> 
> > 二级引用
> > 
> > > 三级引用
> > 
> > Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

可以在每一行的开头都用>符号表示引用，或者偷懒的话只在开头使用<就可以了。

### 表格 ###

**Markdown　Extra**　表格语法：

<table> 
 <thead> 
  <tr> 
   <th>项目</th> 
   <th>价格</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Computer</td> 
   <td>$1600</td> 
  </tr> 
  <tr> 
   <td>Phone</td> 
   <td>$12</td> 
  </tr> 
  <tr> 
   <td>Pipe</td> 
   <td>$1</td> 
  </tr> 
 </tbody> 
</table>

可以使用冒号来定义对齐方式：

<table> 
 <thead> 
  <tr> 
   <th align="left">项目</th> 
   <th align="right">价格</th> 
   <th align="center">数量</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">Computer</td> 
   <td align="right">1600 元</td> 
   <td align="center">5</td> 
  </tr> 
  <tr> 
   <td align="left">Phone</td> 
   <td align="right">12 元</td> 
   <td align="center">12</td> 
  </tr> 
  <tr> 
   <td align="left">Pipe</td> 
   <td align="right">1 元</td> 
   <td align="center">234</td> 
  </tr> 
 </tbody> 
</table>

## 快捷键 ##

*  加粗 `Ctrl + B`
 *  斜体 `Ctrl + I`
 *  引用 `Ctrl + Q`
 *  插入链接 `Ctrl + L`
 *  插入代码 `Ctrl + K`
 *  插入图片 `Ctrl + G`
 *  提升标题 `Ctrl + H`
 *  有序列表 `Ctrl + O`
 *  无序列表 `Ctrl + U`
 *  横线 `Ctrl + R`
 *  撤销 `Ctrl + Z`
 *  重做 `Ctrl + Y`

## MarkDown中插入图片的几种解决方法： ##

*  使用新浪微博相册作为图片的链接地址
 *  使用github作为图床，将图片上传至个人gihub的repository，然后复制图片的链接地址到markdown。
 *  [利用Alfred Workflow快速上传粘贴板图片至七牛图床并在Markdown中引用][Alfred Workflow_Markdown]
 *  直接在简书或者CSDN等在线博客编写markdown文件，将图片拖入编辑框即可。

## 解决用Markdown插入代码不换行的问题 ##

*  **在Tool-options选项里面选择github风格的markdown**，此方法在实际使用时仍然有时候不能解决问题
 *  **将代码段的每一行前面都输入两个Tab的缩进**
 *  **直接使用HTML的pre标签，即用 < pre> < /pre>标签将代码块包裹起来**,此方法亲测有效。

[Link 1]: http://wowubuntu.com/markdown/basic.html
[Link 2]: http://wowubuntu.com/markdown/index.html
[Link 3]: http://baidu.com
[Test Image]: /images/20220711/59ecca8d510f4ff682ef2952696b2e78.png
[hao123]: https://www.hao123.com/?tn=95004955_hao_pg
[Alfred Workflow_Markdown]: https://www.zybuluo.com/fyywy520/note/317999