##前言
Markdown 語法的目標是:成為一種適用于網絡的書寫語言,那么作為愛寫文章的你應該掌握下它的基本語法。
## 概述
[官方中文地址](http://www.markdown.cn/)
[mdeditor在線教程](https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown)
* 兼容 HTML
>不在 Markdown 涵蓋范圍之內的標簽,都可以直接在文檔里面用 HTML 撰寫。不需要額外標注這是 HTML 或是 Markdown;只要直接加標簽就可以了。
要制約的只有一些 HTML 區塊元素――比如 `<div>`、`<table>`、`<pre>`、`<p>` 等標簽,必須在前后加上空行與其它內容區隔開,還要求它們的開始標簽與結尾標簽不能用制表符或空格來縮進。Markdown 的生成器有足夠智能,不會在 HTML 區塊標簽外加上不必要的` <p>` 標簽。
* 比如下面的表格就是用html代碼完成的,并不沖突。在hexo驅動中,可能需要去空行壓縮處理才能去掉多余的換行。
``` html
<table>
<tr>
<td>自定義名稱</td>
<td>自定義描述</td>
</tr>
<tr>
<td>姓名</td>
<td>xx</td>
</tr>
</table>
```
<table style="margin-top:0"><tr><td>自定義名稱</td><td>自定義描述</td></tr><tr><td>姓名</td><td>xx</td></tr></table>
* 特殊字符自動轉換
類似html文件中: < 和 & ,markdown會自動轉化,不需要手動處理。
## 區塊元素
### 段落和換行
連續的文本都會識別為一個段落, 中間有換行識別為換行,如果想另起一個段落需要中間加空白行。
### 標題
* Markdown 支持兩種標題的語法,類 Setext 和類 atx 形式。
類 Setext 形式是用底線的形式,利用 = (最高階標題)和 - (第二階標題),例如:任何數量的 = 和 - 都可以有效果。

* 類 Atx 形式則是在行首插入 1 到 6 個 # ,對應到標題 1 到 6 階,例如:末尾的閉合可以不用加.

### 區塊引用
Markdown 標記區塊引用是使用類似 email 中用 > 的引用方式。內部可以在寫引入或者列表,你可以在一個引入內只寫一個,避免重復。
### 列表的使用
無序列表可以用*、-、+等,熟練使用一種即可;有序列表用數字加英"." ,數字不會影響有序列表的顯示。需要注意的是無序和有序列表內容開始之前都要加空格,另外一個項目之內有空白行的會把之前的內容用p標簽包裹。
### 代碼區塊
代碼區塊可以用一個tab或者四個空格。
### 分割線
你可以在一行中用三個以上的星號、減號、底線來建立一個分隔線,行內不能有其他東西。你也可以在星號或是減號中間插入空格。下面每種寫法都可以建立分隔線。
## 區段元素
### 鏈接
用中括號寫連接文字,小括號寫連接地址,或者冒號加連接地址(地址可以為相對地址)。
### 強調
Markdown 使用星號(*)和底線(_)作為標記強調字詞的符號,被 * 或 _ 包圍的字詞會被轉成用 <em> 標簽包圍,用兩個 * 或 _ 包起來的話,則會被轉成 <strong>
### 代碼
反引號可以用來引入代碼,引入代碼段用3個**"\`"**+ codetype 開始,以 3個**"\`"**結束即可。
### 圖片
嘆號+中括號+圖片路徑,目前沒辦法指定圖片大小,可以使用普通的img標簽來定義圖片。
## 其他
### 反斜杠
Markdown 可以利用反斜杠來插入一些在語法中有其它意義的符號,例如:如果你想要用星號加在文字旁邊的方式來做出強調效果(但不用 <em> 標簽),你可以在星號的前面加上反斜杠
### 自動鏈接
Markdown 支持以比較簡短的自動鏈接形式來處理網址和電子郵件信箱,只要是用尖括號包起來, Markdown 就會自動把它轉成鏈接。一般網址的鏈接文字就和鏈接地址一樣。
<https://csnikey.github.io/blog>
## 表格
表格頭與表格用---|--- 隔開 ,每列用|隔開即可。需要注意的是表格需要空一行開始。
項目|描述
---|---
產品|自行車
## 流程圖
[github參考地址](https://github.com/adrai/flowchart.js)
定義元素階段的語法是 :tag=>type: content:>url
## 時序圖
時序圖主要有一下幾個元素:角色,對象,生命線,激活器和消息.
## 其他
待補充中...
- 前端入門
- 前端入職須知
- 前端自我定位
- pc與手機頁面差別
- 前端書單
- 前端種子計劃
- 前端技術棧
- ps
- ps入門階段
- html
- html入門
- html代碼規范
- meta
- table
- iframe
- a標簽詳解
- image
- html代碼審查工具
- h5專題
- h5入門
- h5新增屬性
- canvas畫布教程
- audio/video
- Geolocation
- Websockets
- Web storage
- Communication
- Web Workers
- requestAnimationFrame
- css
- css入門必學
- css代碼規范
- 項目字體規范
- css基本位置布局
- css常見樣式命名規則
- css代碼優化建議
- css常用樣式名
- css選擇器攻略
- css盒子模型的理解
- css屬性繼承與默認值
- css代碼審查工具
- css中常見的知識盲區
- css3新特性淺談
- css新特性了解
- border-radius
- background
- transform
- animation
- white-space
- css常用技術
- 文本兩端對齊
- css之浮動解決方案
- css優化建議
- 文本超出省略
- img-sprites
- rem布局教程
- 水平居中&垂直居中
- 固寬&變寬布局
- 寬高固定比例的盒模型
- 樣式預處理語言
- less教程
- sass教程
- postcss教程
- js
- javascript入門
- js代碼規范
- js基礎拓展
- js代碼審查工具
- js性能優化
- js基本語句
- 基本運算
- 基本語句語法
- js對象
- es6入門
- obj
- Array
- Date
- String
- Boolean
- Number
- Json
- RegExp
- Math
- function
- jquery入門
- jq核心思想
- jq基本語法
- jq插件庫匯總
- js常用技術
- break&continue區別
- js對日期轉換
- js控制運動-move.js
- 原生js-cookie語法
- ajax請求后回調
- 表單數據序列化
- zepto
- zepto入門
- 百度touchjs
- js編程
- 插件庫
- 功能性插件
- pdfjs
- wdatepicker
- qrcoder
- barcode插件
- photoviewer
- hammer.js
- echarts
- 交互組件
- layerjs
- java
- java入門
- java基本語句
- springMVC
- javaweb
- vm模板引擎
- freemarker
- maven教程
- mySql教程
- flex教程
- flex入門
- git教程
- git入門
- git分支
- git-tag管理
- git注意事項
- git-torise入門
- ide-git插件使用
- web
- web兼容
- web兼容思想
- pc端兼容適配文檔
- pc端兼容bug匯總
- ie兼容bug匯總
- 手機兼容bug匯總
- web安全
- jeecms
- web存儲
- app/h5組件
- 安卓教程
- ios教程
- 前端教程
- rubikx的教程
- 其他
- artTemplate
- tmod使用
- 跨域問題
- markdown教程
- 常用工具
- postman-api調試
- web常識
- 瀏覽器ua統計
- ui框架
- easyui
- bootstrap
- 入門推薦
- weui
- sui-pc
- sui-mobile
- layerUi