身為搞代碼的人,每次都是面向博客(CSDN,cnblog,stackoverflow)編程,久而久之,內(nèi)心總會萌發(fā)一些創(chuàng)(ban)作(yun)的欲望。具體的原因在文末會有簡單提及。工欲善其事,必先利其器。在開始寫博客之前,首先我們得了解一種支持語法高亮的及其好用的程序員必備的輕量級標(biāo)記語言————MarkDown。
MarkDown最早由一個狂熱的果粉約翰·格魯伯(John Gruber)在2004年發(fā)明,他本人也是獨(dú)立博客的堅(jiān)定支持者。整體來說,這個人在國內(nèi)并不出名,這里貼一個中文維基百科的鏈接:約翰·格魯伯。知乎和某些社區(qū)里有不少dalao對于此人和Markdown語法有不少討論,鑒于本人比較弱,就沒辦法加入其中,大家可以自行查閱。
我第一次接觸markdown是在某次小組的合作任務(wù)中,在編寫README文檔和分工文檔的時候,在github上使用了markdown。當(dāng)時給我的感覺是,編寫過程非常的簡潔,沒有多余的修飾,然后文本的展現(xiàn)效果也很清晰明朗(可惜的是當(dāng)時我卻不太會)。后來接觸到更多的類似WordPress的平臺都會支持使用MD編輯,于是我開始心動,下定決心要好好學(xué)一學(xué)。實(shí)際的過程確實(shí)也沒有想象的那么復(fù)雜。
博客園中的markdown功能面板比較簡單,但基本上已經(jīng)覆蓋了常用的快捷方式:
編輯頁面就是我們使用MD語法創(chuàng)作的地方,加入了很多標(biāo)識符,而預(yù)覽頁面就是展示標(biāo)記后的效果。編輯內(nèi)容每隔幾分鐘就會自動在云端保存,防止丟失。而右方的小圖標(biāo),從左至右依次是添加粗體,添加鏈接,添加代碼,添加引用,添加表格,添加無序列表,添加有序列表,上傳圖片,全屏。除去"全屏"不會介紹,我還會補(bǔ)充添加標(biāo)題和關(guān)于字體段落的修飾。當(dāng)然本篇文章我打算介紹通用的語法,因?yàn)椴煌脚_的快捷鍵有所不同,意義不是很大。
格式:
# hello
## hello
### hello
#### hello
##### hello
###### hello
下面是效果圖:(某些平臺上默認(rèn)插入的是二級標(biāo)題,而且會自帶下劃線,比如博客園)
在MD中,標(biāo)題總共分為六級,使用(<=6)數(shù)量的#號+任意數(shù)量的空格+標(biāo)題內(nèi)容依次表示。一般來說中間的空格一定要有,否則MD無法識別這是標(biāo)題語法,但是不知道為什么,博客園平臺上的md好像可以識別無空格,但是建議大家還是養(yǎng)成良好的習(xí)慣,加上空格。
在你所要加粗的文字兩邊分別加上兩個*
號就可以對所選文字加粗
**你好嗎**
**我很好**
你好嗎
我很好
在你所要斜體的文字兩邊分別加上一個*
號就可以實(shí)現(xiàn)對所選文字斜體
*Hey!*
*Happy Girls' Day!*
Hey!
Happy Girls' Day!
而同理,如果在文字兩邊各加上三個*
號可以實(shí)現(xiàn)對文字既加粗,又斜體
***學(xué)習(xí)吧***
***只有學(xué)習(xí)才是最靠譜的***
學(xué)習(xí)吧
只有學(xué)習(xí)才是最靠譜的
添加超鏈接時,我們首先要打出一個[],在括號里需要加上超鏈接的名稱(如果不加就是把整個鏈接變藍(lán)),然后添加一對小括號,里面粘貼上你想要鏈接的地址
如下:
[markdown](https://baike.baidu.com/item/markdown/3245829?fr=aladdin)
效果就是這樣:markdown
作為程序員,那最重要的顯然就是搞代碼了,md也很貼心的支持了語法高亮功能。首先我們需要在代碼段的前面另起一行,打下三個“`”+語言(例如c,c++)
然后敲上你的代碼,最后結(jié)束的時候再另起一行敲上三個反引號。這個符號位于小鍵盤的數(shù)字1左邊,需要開啟英文鍵盤模式。
(在這里添加)```c++
#include<iostream>
using namespace std;
int main(){
cout << "hello world!" << endl;
return 0;
}
(在這里添加)```
效果如下:
#include<iostream>
using namespace std;
int main(){
cout << "hello world!" << endl;
return 0;
}
對于某些我們需要引用的文獻(xiàn),需要在原文中增添索引,并在文末給出鏈接的,可以使用這一功能。網(wǎng)上有很多種介紹方法,大多數(shù)是使用Html標(biāo)簽實(shí)現(xiàn)的。但是不知道怎么回事,在博客園里好像不太好用。我推薦一種類似于Word角標(biāo)的方法,具體使用如下:
首先我們需要在想要增加索引錨點(diǎn)的內(nèi)容后加入這樣一些標(biāo)識:
知網(wǎng)平臺[^1]
然后就會在內(nèi)容右上角展現(xiàn)索引:知網(wǎng)平臺[1]
在文章的最后,我們可以加上如下的代碼,來插入文獻(xiàn)的引用地址:
## References:
[^1]: - [1] [中國知網(wǎng)](https://www.cnki.net/) <div id="refer-anchor-1"><div>
這樣就可以實(shí)現(xiàn)快速地檢索與查找。
表格一般包括表頭和正文內(nèi)容。在md語法里面,創(chuàng)建表格基本是由|
,-
,:
這三個符號完成的,具體實(shí)現(xiàn)見下方:
| 左對齊文本 | 居中文本 | 右對齊文本 |
|:-------- |:-------:|--------:|
|圖論與代數(shù)結(jié)構(gòu)| 95 | 優(yōu)秀 |
|形式語言與自動機(jī)| 85 | 良好 |
|體育 | 70 | 通過 |
效果如下:(注意其中的冒號要轉(zhuǎn)為英文鍵盤輸入,不然無法識別表格)
左對齊文本 | 居中文本 | 右對齊文本 |
---|---|---|
圖論與代數(shù)結(jié)構(gòu) | 95 | 優(yōu)秀 |
形式語言與自動機(jī) | 85 | 良好 |
體育 | 70 | 通過 |
功能雖然很簡單,但是美觀又實(shí)用。
有時候我們會遇到需要分條論述的情況,這個時候,加上分級的列表就會顯得清晰很多。這里的無序意思是沒有序號。md支持在文本前使用*
,-
,+
來進(jìn)行分級,效果上大同小異。在這里,標(biāo)識符和文本之間一定要有若干數(shù)量的空格,否則無法識別。同時,采用縮進(jìn)的方式來表達(dá)所屬關(guān)系。
* 第一層
- 第二層
+ 第三層
顧名思義,有序列表就是加上序號。親測每一層關(guān)系前至少需要縮進(jìn)四個空格,否則無法識別。
1. balabala
1. balabala
1.balabala
圖片鏈接和網(wǎng)頁的超鏈接類似,但需要在[]前加上!方括號里填不填內(nèi)容好像沒有特別大的關(guān)系。在不同的博客平臺,可能會先要求你上傳圖片到它的平臺,然后得到一個圖片的鏈接地址,填入后面的小括號即可。當(dāng)然,你也可以自己從網(wǎng)頁上扒圖片獲取鏈接地址,例如:
![(這是一張圖片)](//image109.360doc.com/DownloadImg/2022/11/1820/256042743_2_20221118082141632.jpg)
我們也可以用下面的方法代替上面的,能偶同時實(shí)現(xiàn)圖片的縮放:
<img src="http://image109.360doc.com/DownloadImg/2022/11/1820/256042743_2_20221118082141632.jpg" width="50%">
修改字體種類、大小、顏色、背景需要用到html內(nèi)嵌的font標(biāo)簽。顏色支持十六進(jìn)制,字體需要使用雙引號加注。我們直接上代碼感受一下:
<font color=red>我是小紅</front>
<font face="幼圓">我比較圓</font>
<font size=6>我很大</font>
<font size=7 color=#FF4500 face="幼圓">我又紅又大又圓</font>
我是小紅
我比較圓
我很大
我又紅又大又圓
在文字背景色方面,可以采用<table>和<tr>
等標(biāo)簽,
<table><tr><td bgcolor=#7FFFD4>這里設(shè)置的是原諒色</td></tr></table>
這里設(shè)置的是原諒色 |
還有一些實(shí)用的小技巧,譬如上劃線、中劃線、下劃線等。其中下劃線和上劃線需要借用html標(biāo)簽和Latex數(shù)學(xué)公式[2]:
~~中劃線~~
$\overline{\text{上劃線}}$
$\underline{\text{下劃線}}$
<u>這也是一條下劃線</u>
中劃線
\(\overline{\text{上劃線}}\)
\(\underline{\text{下劃線}}\)
這也是一條下劃線
最后貼上十六進(jìn)制顏色圖:
身為技術(shù)小白,身邊很多人都勸說過我可以寫一個博客記錄一下技術(shù)成長的道路。總之感覺寫起來并沒有那么容易(可能是因?yàn)槲冶容^菜)。無意間看到一篇博客強(qiáng)調(diào)了技術(shù)博對于新人的重要性。有的時候像我這樣的新人入行,而且還是IT這樣迭代速度如此之快的行業(yè),缺乏系統(tǒng)的總結(jié)是相當(dāng)要命的。這幾天突然想起來,覺得非常有道理,生活貌似也是如此,不能總是停留在“這種情況我好像遇到過”,“應(yīng)該是這樣吧”云云。常常在同一個地方犯錯,是不會長記性的。
聯(lián)系客服