|
| 1 | +# Markdown基础语法 |
| 2 | + |
| 3 | +为保证语法兼容性,本文只介绍基础语法,扩展语法等其它内容,会在后续的文章中单独介绍。 |
| 4 | +**注意:所有的标记符号均使用英文,中文无效。** |
| 5 | + |
| 6 | +**** |
| 7 | + |
| 8 | +## 标题 |
| 9 | + |
| 10 | +Markdown 支持多种标题格式。 |
| 11 | + |
| 12 | +利用 `=` (等号)和 `-`(减号)可以定义一级标题和二级标题,(任何数量的 `=` 和 `-` 都有效果) : |
| 13 | + |
| 14 | +<table> |
| 15 | + <tr> |
| 16 | + <th>Markdown</th> |
| 17 | + <th>预览</th> |
| 18 | + </tr> |
| 19 | + <tr> |
| 20 | + <td>一级标题<br/>====</td> |
| 21 | + <td><h1>一级标题</h1></td> |
| 22 | + </tr> |
| 23 | + <tr> |
| 24 | + <td>二级标题<br/>----</td> |
| 25 | + <td><h2>二级标题</h2></td> |
| 26 | + </tr> |
| 27 | +</table> |
| 28 | + |
| 29 | +通过在行首插入 1 到 6 个 # ,来定义对应的 1 到 6 阶 标题,个人推荐使用这种,例如: |
| 30 | + |
| 31 | +<table> |
| 32 | + <tr> |
| 33 | + <th>Markdown</th> |
| 34 | + <th>预览</th> |
| 35 | + </tr> |
| 36 | + <tr> |
| 37 | + <td># 一级标题</td> |
| 38 | + <td><h1>一级标题</h1></td> |
| 39 | + </tr> |
| 40 | + <tr> |
| 41 | + <td>## 二级标题</td> |
| 42 | + <td><h2>二级标题</h2></td> |
| 43 | + </tr> |
| 44 | + <tr> |
| 45 | + <td>### 三级标题</td> |
| 46 | + <td><h3>三级标题</h3></td> |
| 47 | + </tr> |
| 48 | + <tr> |
| 49 | + <td>#### 四级标题</td> |
| 50 | + <td><h4>四级标题</h4></td> |
| 51 | + </tr> |
| 52 | + <tr> |
| 53 | + <td>##### 五级标题</td> |
| 54 | + <td><h5>五级标题</h5></td> |
| 55 | + </tr> |
| 56 | + <tr> |
| 57 | + <td>###### 六级标题</td> |
| 58 | + <td><h6>六级标题</h6></td> |
| 59 | + </tr> |
| 60 | +</table> |
| 61 | + |
| 62 | +**** |
| 63 | + |
| 64 | +## 段落和换行 |
| 65 | + |
| 66 | +在 Markdown 中段落由一行或者多行文本组成,相邻的两行文字会被视为同一段落,如果存在空行则被视为不同段落( Markdown 对空行的定义是看起来是空行就是空行,即使空行中存在 `空格` `TAB` `回车` 等不可见字符,同样会被视为空行)。 |
| 67 | + |
| 68 | +Markdown支持段内换行,如果你想进行段落内换行可以在上一行结尾插入两个以上的空格后再回车。 |
| 69 | + |
| 70 | +<table> |
| 71 | + <tr> |
| 72 | + <th>Markdown</th> |
| 73 | + <th>预览</th> |
| 74 | + </tr> |
| 75 | + <tr> |
| 76 | + <td> |
| 77 | + 第一行<br/> |
| 78 | + 相邻被视为同一段落。 |
| 79 | + </td> |
| 80 | + <td> |
| 81 | + <p> |
| 82 | + 第一行 相邻被视为同一段落。 |
| 83 | + </p> |
| 84 | + </td> |
| 85 | + </tr> |
| 86 | + <tr> |
| 87 | + <td> |
| 88 | + 第一行[空格][空格]<br/> |
| 89 | + 上一行结尾存在两个空格,段内换行 |
| 90 | + </td> |
| 91 | + <td> |
| 92 | + <p> |
| 93 | + 第一行<br/> |
| 94 | + 上一行结尾存在两个空格,段内换行。 |
| 95 | + </p> |
| 96 | + </td> |
| 97 | + </tr> |
| 98 | + <tr> |
| 99 | + <td> |
| 100 | + 第一行<br/> |
| 101 | + <br/> |
| 102 | + 两行之间存在空行,视为不同段落。 |
| 103 | + </td> |
| 104 | + <td> |
| 105 | + <p> |
| 106 | + 第一行 |
| 107 | + </p> |
| 108 | + <p> |
| 109 | + 两行之间存在空行,视为不同段落。 |
| 110 | + </p> |
| 111 | + </td> |
| 112 | + </tr> |
| 113 | +</table> |
| 114 | + |
| 115 | +****** |
| 116 | + |
| 117 | +## 强调 |
| 118 | + |
| 119 | +删除线的 `~` 符号一般位于键盘左上角位置。 |
| 120 | + |
| 121 | +<table> |
| 122 | + <tr> |
| 123 | + <th>Markdown</th> |
| 124 | + <th>预览</th> |
| 125 | + </tr> |
| 126 | + <tr> |
| 127 | + <td>*倾斜*</td> |
| 128 | + <td> |
| 129 | + <i>倾斜</i> |
| 130 | + </td> |
| 131 | + </tr> |
| 132 | + <tr> |
| 133 | + <td>**粗体**</td> |
| 134 | + <td><b>粗体</b></td> |
| 135 | + </tr> |
| 136 | + <tr> |
| 137 | + <td>~~删除线~~</td> |
| 138 | + <td><s>删除线</s></td> |
| 139 | + </tr> |
| 140 | + <tr> |
| 141 | + <td> |
| 142 | + > 引用 |
| 143 | + </td> |
| 144 | + <td> |
| 145 | + <blockquote>引用</blockquote> |
| 146 | + </td> |
| 147 | + </tr> |
| 148 | +</table> |
| 149 | + |
| 150 | +****** |
| 151 | + |
| 152 | +## 链接和图片 |
| 153 | + |
| 154 | +为了规避某些平台的防盗链机制,图片推荐使用图床,否则在不同平台上发布需要重新上传很麻烦的,图床最好选大平台的图床,一时半会不会倒闭的那种,个人目前主要用的是微博图床 [Chrome插件-微博图床](https://chrome.google.com/webstore/detail/%E6%96%B0%E6%B5%AA%E5%BE%AE%E5%8D%9A%E5%9B%BE%E5%BA%8A/fdfdnfpdplfbbnemmmoklbfjbhecpnhf?hl=zh-CN) 以及 [Alfred脚本-微博图床](https://imciel.com/2016/07/17/weibo-picture-upload-alfred-workflow/) |
| 155 | + |
| 156 | +<table style="word-break:break-all;"> |
| 157 | + <tr> |
| 158 | + <th width="200">Markdown</th> |
| 159 | + <th width="200">预览</th> |
| 160 | + </tr> |
| 161 | + <tr> |
| 162 | + <td>[GcsSloop](http://www.gcssloop.com)</td> |
| 163 | + <td><a href="http://www.gcssloop.com" target="_blank">GcsSloop</a></td> |
| 164 | + </tr> |
| 165 | + <tr class="alternate"> |
| 166 | + <td></td> |
| 167 | + <td><img src="http://www.gcssloop.com/assets/siteinfo/friends/gcssloop.jpg" alt="GcsSloop Blog" /></td> |
| 168 | + </tr> |
| 169 | +</table> |
| 170 | + |
| 171 | +****** |
| 172 | + |
| 173 | +## 列表 |
| 174 | + |
| 175 | +无序列表前面可以用 `*` `+` `-` 等,结果是相同的。 |
| 176 | +有序列表的数字即便不按照顺序排列,结果仍是有序的。 |
| 177 | + |
| 178 | + |
| 179 | +<table> |
| 180 | + |
| 181 | + <tr> |
| 182 | + <th>Markdown</th> |
| 183 | + <th>预览</th> |
| 184 | + </tr> |
| 185 | + <tr> |
| 186 | + <td> |
| 187 | + * 项目<br /> |
| 188 | + * 项目<br /> |
| 189 | + * 项目<br /> |
| 190 | + * 子项目<br /> |
| 191 | + * 子项目<br /> |
| 192 | + * 项目 |
| 193 | + </td> |
| 194 | + <td> |
| 195 | + <ul> |
| 196 | + <li>项目</li> |
| 197 | + <li>项目</li> |
| 198 | + <li>项目 |
| 199 | + <ul> |
| 200 | + <li>子项目</li> |
| 201 | + <li>子项目</li> |
| 202 | + </ul> |
| 203 | + </li> |
| 204 | + <li>项目</li> |
| 205 | + </ul> |
| 206 | + </td> |
| 207 | + |
| 208 | + </tr> |
| 209 | + <tr class="alternate"> |
| 210 | + <td> |
| 211 | + 1. 项目<br /> |
| 212 | + 2. 项目<br /> |
| 213 | + 3. 项目<br /> |
| 214 | + 1. 子项目</span><br /> |
| 215 | + 2. 子项目<br /> |
| 216 | + 4. 项目 |
| 217 | + </td> |
| 218 | + <td> |
| 219 | + <ol> |
| 220 | + <li>项目</li> |
| 221 | + <li>项目</li> |
| 222 | + <li>项目 |
| 223 | + <ol> |
| 224 | + <li>子项目</li> |
| 225 | + <li>子项目</li> |
| 226 | + </ol> |
| 227 | + </li> |
| 228 | + <li>项目</li> |
| 229 | + </ol> |
| 230 | + </td> |
| 231 | + </tr> |
| 232 | +</table> |
| 233 | + |
| 234 | +**** |
| 235 | + |
| 236 | +## 下划线和特殊符号 |
| 237 | + |
| 238 | +由于 Markdown 使用一些特殊符号进行标记,当我们想要在文档中使用这些特殊符号并防止被 Markdown 转换的时候,可以使用 `\` (转义符) 将这些特殊符号进行转义。 |
| 239 | + |
| 240 | +<table> |
| 241 | + <tr> |
| 242 | + <th>Markdown</th> |
| 243 | + <th>预览</th> |
| 244 | + </tr> |
| 245 | + <tr> |
| 246 | + <td> |
| 247 | + 在一行中用三个以上的星号、减号、下划线来建立一个分隔线<br /> |
| 248 | + --- |
| 249 | + </td> |
| 250 | + <td> |
| 251 | + <hr /> |
| 252 | + </td> |
| 253 | + </tr> |
| 254 | + <tr class="alternate"> |
| 255 | + <td>可以利用反斜杠(转义字符)来插入一些在语法中有特殊意义的符号<br /> |
| 256 | + \*Hi\* |
| 257 | + </td> |
| 258 | + <td>*Hi*</td> |
| 259 | + </tr> |
| 260 | +</table> |
| 261 | + |
| 262 | +**** |
| 263 | + |
| 264 | +## 代码 |
| 265 | + |
| 266 | +### 1.行内代码 |
| 267 | + |
| 268 | +行内代码可以使用反引号来标记(反引号一般位于键盘左上角,要用英文): |
| 269 | + |
| 270 | +``` |
| 271 | +一句话 `行内代码` 一句话。 |
| 272 | +``` |
| 273 | + |
| 274 | +**预览:** |
| 275 | + |
| 276 | +一句话 `行内代码` 一句话。 |
| 277 | + |
| 278 | +### 2.多行代码 |
| 279 | + |
| 280 | +多行代码使用 3 个反引号来标记(反引号一般位于键盘左上角,要用英文) ,在第一个 ````` 后面可以跟语言类型,没有语言类型可以省略不写: |
| 281 | + |
| 282 | +``` |
| 283 | +``` java |
| 284 | +// 我是注释 |
| 285 | +int a = 5; |
| 286 | +``` |
| 287 | +``` |
| 288 | + |
| 289 | +**预览:** |
| 290 | + |
| 291 | +``` java |
| 292 | +// 我是注释 |
| 293 | +int a = 5; |
| 294 | +``` |
| 295 | + |
| 296 | + |
| 297 | + |
| 298 | +**** |
| 299 | + |
| 300 | +## 表格 |
| 301 | + |
| 302 | +**扩展的 Markdown 支持手写表格**,格式也非常简单,第二行分割线部分可以使用 `:` 来控制内容状态。 |
| 303 | +**注意,Markdown 标准(原生)语法中没有表格支持,但现在多数平台已经支持了该语法,如 GitHub,CSDN,简书 等均支持,所以写在这里:** |
| 304 | + |
| 305 | +**Markdown:** |
| 306 | + |
| 307 | +``` |
| 308 | +| 默认 | 靠右 | 居中 | 靠左 | |
| 309 | +| ---- | ---: | :--: | :--- | |
| 310 | +| 内容 | 内容 | 内容 | 内容 | |
| 311 | +| 内容 | 内容 | 条目 | 内容 | |
| 312 | +``` |
| 313 | + |
| 314 | +**预览:** |
| 315 | + |
| 316 | +| 默认 | 靠右 | 居中 | 靠左 | |
| 317 | +| ---- | ---: | :--: | :--- | |
| 318 | +| 内容 | 内容 | 内容 | 内容 | |
| 319 | +| 内容 | 内容 | 条目 | 内容 | |
| 320 | + |
| 321 | + |
| 322 | +## 参考资料 |
| 323 | + |
| 324 | +[Markdown-语法说明](http://www.markdown.cn/) |
| 325 | + |
| 326 | + |
| 327 | +## About Me |
| 328 | + |
| 329 | +### 作者微博: <a href="http://weibo.com/GcsSloop" target="_blank">@GcsSloop</a> |
| 330 | + |
| 331 | +<a href="http://www.gcssloop.com/info/about" target="_blank"><img src="http://ww4.sinaimg.cn/large/005Xtdi2gw1f1qn89ihu3j315o0dwwjc.jpg" width="300" style="display:inline;" /></a> |
0 commit comments