CSDN-MarkDown模板

簡介

先說一說我爲啥要開始寫博客了？

發現了CSDN的極客世界博客皮膚以後，發現這個皮膚逼格十足，繼而就學習一哈MarkDown的基礎語法,希望自己能寫出比較美觀的博文出來（其實這是扯淡的，O(∩_∩)O哈哈~，但不得不承認CSDN的這個舉動確實讓你根本停不下來）
畢業了剛好一年，因爲在小公司，學的東西比較雜，接觸了服務端(C#,nodejs)，數據庫(sqlSever,mongodb),前端知識（html,css,js）,移動端(android),雖然學的多，但是比較亂，知識不紮實，感覺很容易翻船，借寫博客來整理一哈自己學習的資料，自己有所感悟的東東。
是時候報復社會了，咳咳~，回報社會，回報社會，來啊，互相傷害

CSDN-MarkDown神祕功能

由於之前沒接觸過其他MarkDown編譯器，在學習Markdown語法的時候，開始就認爲markdown的語法就只侷限於很多特殊符號（##，**，>…）來表示不同的html頁面結構，但後來發現了一個錨點的功能很炫酷，從而發現MarkDown是支持嵌套html語法的，但是不支持CSS樣式

1.錨點功能

[滾動到底部,點我,使勁點我，使勁點我]

錨點功能HTML代碼

<a href="#gofooter" >[滾動到底部,點我,使勁點我，使勁點我]</a> 
//在想要跳轉的位置 
<font id='gofooter' color=green  face="微軟雅黑">大家好，我是底部</font>
//其實name也可以,但是由於瀏覽器兼容性問題和csdn-markdown不支持，所以使用id

滾動到底部

錨點功能MarkDown代碼

[滾動到底部](#gofooter '錨點測試')

2.自定義顏色列表功能

七色彩虹糖

成都
這兩天
好熱

不熱

不裸奔對不起自己
好冷
真的好冷

自定義顏色列表功能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代碼

熱
- 成都
- 這兩天
- 好熱
不熱
- 不裸奔對不起自己
- 好冷
- 真的好冷

當需要分級列表時，使用Tab鍵，來分級列表

- 熱
    - 成都
    - 這兩天
    - 好熱
- 不熱
    - 不裸奔對不起自己
    - 好冷
    - 真的好冷

3.Html標籤在markdown環境下的效果

我是div 但在這裏並沒有什麼卵用

我是p 但在這裏並沒有什麼卵用
我是a,點擊我，我就施法：！#￥%，嘿，滾動到頭部

我是table,在這裏有用！	哈哈~	哈哈~
但是實現table有快捷鍵 - -!	呵呵~	呵呵~
但是實現table有快捷鍵 - -!	呵呵~	呵呵~
但是實現table有快捷鍵 - -!	呵呵~	呵呵~
重要的事情說三遍- -!	恩	好

4.Html標籤在markdown環境下的效果代碼

<div>我是div 但在這裏並沒有什麼卵用</div>
<span>我是p 但在這裏並沒有什麼卵用</span>
<a href='#goStart' title='錨點測試'>我是a,點擊我，我就施法：！#￥%，嘿，滾動到頭部</a>
<table>
<tr><th>我是table,在這裏有用！</th><th>哈哈~</th><th>哈哈~</th></tr>
<tr><td>但是實現table有快捷鍵 - -!</td><td>呵呵~</td><td>呵呵~</td></tr>
<tr><td>但是實現table有快捷鍵 - -!</td><td>呵呵~</td><td>呵呵~</td></tr>
<tr><td>但是實現table有快捷鍵 - -!</td><td>呵呵~</td><td>呵呵~</td></tr>
<tr><td>重要的事情說三遍- -!</td><td>恩</td><td>好</td></tr>
</table>

5.改變區域顏色功能

這樣就把這片區域的顏色變成了屎黃色，哈哈，屎黃屎黃的有木有？
屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎

改變區域顏色html代碼

<table>
<tr>
<td bgcolor=Chocolate>
這樣就把這片區域的顏色變成了屎黃色，哈哈，屎黃屎黃的有木有？<br>
屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎黃屎
</td></tr>
</table>

6.表格功能

可以使用冒號來定義對齊方式：

項目	價格	數量
Computer	1600 元	5
Phone	12 元	12
Pipe	1 元	234

表格功能markdown代碼

|:----------| ------:| :--: |
| Computer  | 1600 元 |  5   |
| Phone     |   12 元 |  12  |
| Pipe      |    1 元 | 234  |

縱跨三行的表格

值班人員	星期一	星期二	星期三
	德瑪	亞索	布隆
	李白清	趙本山	馮小剛

縱跨三行的表格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.插入圖片

![yesOrNo](https://img-blog.csdn.net/20160722143450018)

借鑑了其他博客主的實現方案，暫時騷氣比較重的功能就這些，以後如果出現了，我會添加入我的小金庫的，哈哈，下面我開始放代碼

也就只有這篇博文會出現以下內容
下面的內容是CSDN的原創內容，由於有些功能自己沒用過和有些快捷鍵不熟悉，污一哈CSDN，感謝CSDN！
來呀，看我不爽，打我3。來，互相傷害。。。。

黃金分割線

快捷鍵

加粗 Ctrl + B
斜體 Ctrl + I
引用 Ctrl + Q
插入鏈接 Ctrl + L
插入代碼 Ctrl + K
插入圖片 Ctrl + G
提升標題 Ctrl + H
有序列表 Ctrl + O
無序列表 Ctrl + U
橫線 Ctrl + R
撤銷 Ctrl + Z
重做 Ctrl + Y

大家好，我是底部

腳註

生成一個腳註1.

CSDN-MarkDown-模板