Markdown
目錄
用 [TOC]來生成目錄:
[TOC]<簡書暫不支持??>
簡介
markdown的設(shè)計用低成本的時間,來換取簡潔并且清晰的文檔
簡書markdown的期待改進的地方:
- 不能使用[TOC]生成目錄
- 不支持快捷鍵
不能識別html代碼(這個不重要 我們除了拿來裝逼也沒啥用 專注高效編寫文章才是markdown的中心思想)
Markdown的思想
把很多特殊符號(##,**,>...)轉(zhuǎn)化為html代碼在瀏覽器呈現(xiàn)出來
1.錨點功能(不支持)
<a href="#gofooter" >[滾動到底部,點我,使勁點我,使勁點我]</a>
錨點功能HTML代碼
<a href="#gofooter" >[滾動到底部,點我,使勁點我,使勁點我]</a>
//在想要跳轉(zhuǎn)的位置
<font id='gofooter' color=green face="微軟雅黑">大家好,我是底部</font>
//其實name也可以,但是由于瀏覽器兼容性問題和markdown不支持,所以使用id
錨點功能MarkDown代碼
[滾動到底部](#gofooter '錨點測試')
2.自定義顏色列表功能
<font>七色彩虹糖</font>
<ol>
<li><font color=DarkRed>熱</font></li>
<ol>
<li><font color=Red>成都</font></li>
<li><font color=Orange>這兩天</font></li>
<li><font color=SkyBlue>好熱</font></li>
</ol>
<li><font color=red>不熱</font></li>
<ol>
<li><font color=Chocolate>不裸奔對不起自己</font></li>
<li><font color=Purple>好冷</font></li>
<li><font color=Green>真的好冷</font></li>
</ol>
</ol>
自定義顏色列表功能Html代碼
<font>七色彩虹糖</font>
<ol>
<li><font color=DarkRed>熱</font></li>
<ol>
<li><font color=Red>成都</font></li>
<li><font color=Orange>這兩天</font></li>
<li><font color=SkyBlue>好熱</font></li>
</ol>
<li><font color=red>不熱</font></li>
<ol>
<li><font color=Chocolate>不裸奔對不起自己</font></li>
<li><font color=Purple>好冷</font></li>
<li><font color=Green>真的好冷</font></li>
</ol>
</ol>
自定義顏色列表功能MarkDown代碼
- 熱
- 成都
- 這兩天
- 好熱
- 不熱
- 不裸奔對不起自己
- 好冷
- 真的好冷
當(dāng)需要分級列表時,使用Tab鍵,來分級列表
- 熱
- 成都
- 這兩天
- 好熱
- 不熱
- 不裸奔對不起自己
- 好冷
- 真的好冷
3.Html標(biāo)簽在markdown環(huán)境下的效果
<div>我是div 但在這里并沒有什么卵用</div>
<span>我是p 但在這里并沒有什么卵用</span>
<a href='#goStart' title='錨點測試'>我是a,點擊我,我就施法:!#¥%,嘿,滾動到頭部</a>
<table>
<tr><th>我是table,在這里有用!</th><th>哈哈</th><th>哈哈</th></tr>
<tr><td>但是實現(xiàn)table有快捷鍵 - -!</td><td>呵呵</td><td>呵呵</td></tr>
<tr><td>但是實現(xiàn)table有快捷鍵 - -!</td><td>呵呵</td><td>呵呵</td></tr>
<tr><td>但是實現(xiàn)table有快捷鍵 - -!</td><td>呵呵</td><td>呵呵</td></tr>
<tr><td>重要的事情說三遍- -!</td><td>恩</td><td>好</td></tr>
</table>
4.Html標(biāo)簽在markdown環(huán)境下的效果代碼
<div>我是div 但在這里并沒有什么卵用</div>
<span>我是p 但在這里并沒有什么卵用</span>
<a href='#goStart' title='錨點測試'>我是a,點擊我,我就施法:!#¥%,嘿,滾動到頭部</a>
<table>
<tr><th>我是table,在這里有用!</th><th>哈哈~</th><th>哈哈~</th></tr>
<tr><td>但是實現(xiàn)table有快捷鍵 - -!</td><td>呵呵~</td><td>呵呵~</td></tr>
<tr><td>但是實現(xiàn)table有快捷鍵 - -!</td><td>呵呵~</td><td>呵呵~</td></tr>
<tr><td>但是實現(xiàn)table有快捷鍵 - -!</td><td>呵呵~</td><td>呵呵~</td></tr>
<tr><td>重要的事情說三遍- -!</td><td>恩</td><td>好</td></tr>
</table>
5.改變區(qū)域顏色功能
<table>
<tr>
<td bgcolor=Chocolate>
這樣就把這片區(qū)域的顏色變成了屎黃色,哈哈,屎黃屎黃的有木有?
屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎
</td></tr>
</table>
改變區(qū)域顏色html代碼
<table>
<tr>
<td bgcolor=Chocolate>
這樣就把這片區(qū)域的顏色變成了屎黃色,哈哈,屎黃屎黃的有木有?<br>
屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎
</td></tr>
</table>
6.表格功能
| 項目 | 價格 | 數(shù)量 |
|---|---|---|
| Computer | 1600 元 | 5 |
| Phone | 12 元 | 12 |
| Pipe | 1 元 | 234 |
可以使用冒號來定義對齊方式:
| 項目 | 價格 | 數(shù)量 |
|---|---|---|
| Computer | 1600 元 | 5 |
| Phone | 12 元 | 12 |
| Pipe | 1 元 | 234 |
表格功能markdown代碼
|:----------| ------:| :--: |
| Computer | 1600 元 | 5 |
| Phone | 12 元 | 12 |
| Pipe | 1 元 | 234 |
縱跨三行的表格
<table>
<tr>
<th rowspan="3">值班人員</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>德瑪</td>
<td>亞索</td>
<td>布隆</td>
</tr>
<tr>
<td>李白清</td>
<td>趙本山</td>
<td>馮小剛</td>
</tr>
</table>
縱跨三行的表格Html代碼
<table>
<tr>
<th rowspan="3">值班人員</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>德瑪</td>
<td>亞索</td>
<td>布隆</td>
</tr>
<tr>
<td>李白清</td>
<td>趙本山</td>
<td>馮小剛</td>
</tr>
</table>
7.插入圖片


黃金分割線
----------
簡書沒有快捷鍵
快捷鍵
- 加粗
Ctrl + B - 斜體
Ctrl + I - 引用
Ctrl + Q - 插入鏈接
Ctrl + L - 插入代碼
Ctrl + K - 插入圖片
Ctrl + G - 提升標(biāo)題
Ctrl + H - 有序列表
Ctrl + O - 無序列表
Ctrl + U - 橫線
Ctrl + R - 撤銷
Ctrl + Z - 重做
Ctrl + Y
<font id='gofooter' color=green face="微軟雅黑">大家好,我是底部</font>
腳注
腳注一[^learn]
腳注二[^footnote].
[^learn]:腳注一的說明
[^footnote]:Copyright ? 1994-2116, World Closer, All Rights Reserved