Markdown-簡要總結(jié)

Markdown

目錄

[TOC]來生成目錄:

[TOC]<簡書暫不支持??>


簡介

markdown的設(shè)計用低成本的時間,來換取簡潔并且清晰的文檔

簡書markdown的期待改進的地方:

  1. 不能使用[TOC]生成目錄
  2. 不支持快捷鍵

不能識別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.插入圖片

dd.jpg
![dd.jpg](http://upload-images.jianshu.io/upload_images/9745865-b873bbb33d0d7eb0.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

黃金分割線


----------

簡書沒有快捷鍵

快捷鍵

  • 加粗 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>

腳注

腳注一[1]
腳注二[2].

腳注一[^learn]
腳注二[^footnote].

[^learn]:腳注一的說明
[^footnote]:Copyright ? 1994-2116,   World Closer, All Rights Reserved

  1. 腳注一的說明 ?

  2. Copyright ? 1994-2116, World Closer, All Rights Reserved ?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容