摘要:歡迎關(guān)注我的微信公眾號(hào)獲取更多更全的學(xué)習(xí)資源,視頻資料,技術(shù)干貨公眾號(hào)回復(fù)學(xué)習(xí),拉你進(jìn)程序員技術(shù)討論群,干貨資源第一時(shí)間分享。公眾號(hào)回復(fù)全棧,領(lǐng)取前端,,產(chǎn)品經(jīng)理,微信小程序,等資源合集大放送。公眾號(hào)回復(fù)面試,領(lǐng)取面試實(shí)戰(zhàn)學(xué)習(xí)資源。
序言:
感覺(jué)只要是不寫博客,人就很變得很懶,學(xué)的知識(shí)點(diǎn)感覺(jué)還是記不住,漸漸地讓我明白,看的越多,懂的越少(你這話不是有毛病嗎?應(yīng)該是看的越多,懂的越多才對(duì)),此話怎講,當(dāng)你在茫茫的知識(shí)庫(kù)里面東看看,西看看的時(shí)候,很快就被海量的知識(shí)給淹沒(méi)了,根本就不知道哪些是對(duì)的,哪些是錯(cuò)的,感覺(jué)好像這個(gè)也懂了,那個(gè)也懂了,但是真正寫起來(lái),腦子又一片空白,又好像什么都不懂,這種狀態(tài)時(shí)有發(fā)生,這就叫不懂裝懂,最根本的原因就是看的太多,寫的太少,所以為了改掉這樣毛病,把被動(dòng)學(xué)習(xí)變成主動(dòng)學(xué)習(xí),接下來(lái)的日子,多寫寫,即使是寫一些學(xué)習(xí)工作中遇到的坑也是好的,沒(méi)事翻出來(lái)看看,還可以加深印象,好了,廢話到處!
起因:因?yàn)楝F(xiàn)在前后端、測(cè)試交互很頻繁,一個(gè)完整的項(xiàng)目或者教程,說(shuō)明性文件必不可少!那就難免要寫一些readme等等的說(shuō)明性文件,但是這樣的文件一般都是.md的文件,編寫的語(yǔ)法自然跟其他格式的文件有所區(qū)別,置于為什么要用這種格式的文件,不要問(wèn)我,我也不知道,大家都這么用,跟著用就對(duì)了,如果有大神知道的,不妨告知小弟,本文也是我學(xué)習(xí)寫markdown文件的一個(gè)筆記吧,僅供參考!
正文: 1.標(biāo)題的幾種寫法:第一種:
前面帶#號(hào),后面帶文字,分別表示h1-h6,上圖可以看出,只到h6,而且h1下面會(huì)有一條橫線,注意,#號(hào)后面有空格
第二種:
這種方式好像只能表示一級(jí)和二級(jí)標(biāo)題,而且=和-的數(shù)量沒(méi)有限制,只要大于一個(gè)就行
第三種:
這里的標(biāo)題支持h1-h6,為了減少篇幅,我就偷個(gè)懶,只寫前面二個(gè),這個(gè)比較好理解,相當(dāng)于標(biāo)簽閉合,注意,標(biāo)題與#號(hào)要有空格
那既然3種都可以使用,可不可以混合使用呢?我試了一下,是可以的,但是為了讓頁(yè)面標(biāo)簽的統(tǒng)一性,不建議混合使用,推薦使用第一種,比較簡(jiǎn)潔,全面
為了搞清楚原理,我特意在網(wǎng)上搜一下在線編寫markdown的工具,發(fā)現(xiàn)實(shí)際上是把這些標(biāo)簽最后轉(zhuǎn)化為html標(biāo)簽,如圖:
在線地址請(qǐng)看這里: markdown在線編輯?(只是想看看背后的轉(zhuǎn)換原理,沒(méi)有廣告之嫌)
2.列表我們都知道,列表分為有序列表和無(wú)序列表,下面直接展示2種列表的寫法:
可以看到,無(wú)序列表可以用* , + , — 來(lái)創(chuàng)建,用在線編輯器看,實(shí)際上是轉(zhuǎn)換成了ul>li ,所以使用哪個(gè)都可以,推薦使用*吧
有序列表就相對(duì)簡(jiǎn)單一點(diǎn),只有這一種方式,注意,數(shù)字后面的點(diǎn)只能是英文的點(diǎn),特別注意,有序列表的序號(hào)是根據(jù)第一行列表的數(shù)字順序來(lái)的,比如說(shuō):
第一組本來(lái)是3 2 1 倒序,但是現(xiàn)實(shí)3 4 5 ,后面一組 序號(hào)是亂的, 但是還是顯示 3 4 5 ,這點(diǎn)必須注意了
3.區(qū)塊引用比如說(shuō),你想對(duì)某個(gè)部分做的內(nèi)容做一些說(shuō)明或者引用某某的話等,可以用這個(gè)語(yǔ)句
無(wú)序列表下方的便是引用,可以有多種用途,看你的需求了,用法就是在語(yǔ)句前面加一個(gè) > ,注意是英文的那個(gè)右尖括號(hào),注意空格
引用因?yàn)槭且粋€(gè)區(qū)塊,理論上是應(yīng)該什么內(nèi)容都可以放,比如說(shuō):標(biāo)題,列表,引用等等,看看下圖:
將上面的代碼稍微改一下,全部加上引用標(biāo)簽,就變成了一個(gè)大的引用,還有引用里面還有引用,那引用嵌套引用還沒(méi)有別的寫法呢?
上圖可以看出,想要在上一次引用中嵌套一層引用,只需多加一個(gè)>,理論上可以無(wú)限嵌套,我就不整那么多了,注意:多層嵌套的>是不需要連續(xù)在一起的,只要在一行就可以了,中間允許有空格,但是為了好看,還是把排版搞好吧
4.華麗的分割線分割線可以由* - _(星號(hào),減號(hào),底線)這3個(gè)符號(hào)的至少3個(gè)符號(hào)表示,注意至少要3個(gè),且不需要連續(xù),有空格也可以
應(yīng)該看得懂吧,但是為了代碼的排版好看,你們自己定規(guī)則吧,前面有用到星號(hào),建議用減號(hào)
5.鏈接支持2種鏈接方式:行內(nèi)式和參數(shù)式,不管是哪一種,鏈接文字都是用 [方括號(hào)] 來(lái)標(biāo)記。
上圖可知,行內(nèi)式的鏈接格式是:鏈接的文字放在[]中,鏈接地址放在隨后的()中,舉一反三,經(jīng)常出現(xiàn)的列表鏈接就應(yīng)該這樣寫:
鏈接還可以帶title屬性,好像也只能帶title,帶不了其他屬性,注意,是鏈接地址后面空一格,然后用引號(hào)引起來(lái)
這是行內(nèi)式的寫法,參數(shù)式的怎么寫:
這就好理解了,就是把鏈接當(dāng)成參數(shù),適合多出使用相同鏈接的場(chǎng)景,注意參數(shù)的對(duì)應(yīng)關(guān)系,參數(shù)定義時(shí),這3種寫法都可以:
還支持這種寫法,如果你不想混淆的話:
其實(shí)還有一種隱式鏈接的寫法,但是我覺(jué)得那種寫法不直觀,所以就不寫了,經(jīng)常用的一般就上面2種,如果你想了解隱式鏈接,可以看我文章最后放出的參考地址
6.圖片圖片也有2種方式:行內(nèi)式和參數(shù)式,
用法跟鏈接的基本一樣,唯一的不同就是,圖片前面要寫一個(gè)?。ㄟ@是必須的),沒(méi)什么好說(shuō)的
7.代碼框這個(gè)就比較重要了,很多時(shí)候都需要展示出一些代碼
如果代碼量比較少,只有單行的話,可以用單反引號(hào)包起來(lái),如下:
要是多行這個(gè)就不行了,多行可以用這個(gè),也就是一對(duì)`:
多行用三個(gè)反引號(hào),如果要寫注釋,可以在反引號(hào)后面寫
8.表格這個(gè)寫的有點(diǎn)麻煩,注意看
從這3種不同寫法看,表格的格式不一定要對(duì)的非常起,但是為了好看,對(duì)齊肯定是最好的,第一種的分割線后面的冒號(hào)表示對(duì)齊方式,寫在左邊表示左對(duì)齊,右邊為右對(duì)齊,兩邊都寫表示居中,還是有點(diǎn)意思的,不過(guò)現(xiàn)實(shí)出來(lái)的結(jié)果是,表格外面并沒(méi)有線框包起來(lái),不知道別人的怎么弄的
9.強(qiáng)調(diào)一個(gè)星號(hào)或者是一個(gè)下劃線包起來(lái),會(huì)轉(zhuǎn)換為傾斜,如果是2個(gè),會(huì)轉(zhuǎn)換為加粗
10.轉(zhuǎn)義就不一一列舉了,基本上跟js轉(zhuǎn)義是一樣的
11.刪除線常用的基本上就這些了,如果還有一些常用的,可以跟我留言,我補(bǔ)充上去,我覺(jué)得圖文并茂才是高效學(xué)習(xí)的正確姿勢(shì),但愿為你的學(xué)習(xí)帶來(lái)幫助!
最后推薦一款Window下markdown編輯器typora非常好用的一款本地MD文件編輯器 ,中文版下載地址:typora下載
界面如下:
http://www.appinn.com/markdown/
http://sspai.com/25137
寫在最后歡迎關(guān)注、喜歡、和點(diǎn)贊后續(xù)將推出更多的工具集教程,敬請(qǐng)期待。
歡迎關(guān)注我的微信公眾號(hào)獲取更多更全的學(xué)習(xí)資源,視頻資料,技術(shù)干貨!
公眾號(hào)回復(fù)“學(xué)習(xí)”,拉你進(jìn)程序員技術(shù)討論群,干貨資源第一時(shí)間分享。
公眾號(hào)回復(fù)“視頻”,領(lǐng)取800GJava視頻學(xué)習(xí)資源。
公眾號(hào)回復(fù)“全棧”,領(lǐng)取1T前端,Java,產(chǎn)品經(jīng)理,微信小程序,Python等資源合集大放送。
公眾號(hào)回復(fù)“慕課”,領(lǐng)取1T慕課實(shí)戰(zhàn)學(xué)習(xí)資源。
公眾號(hào)回復(fù)“實(shí)戰(zhàn)”,領(lǐng)取750G項(xiàng)目實(shí)戰(zhàn)學(xué)習(xí)資源。
公眾號(hào)回復(fù)“面試”,領(lǐng)取8G面試實(shí)戰(zhàn)學(xué)習(xí)資源。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/77594.html
摘要:本文將介紹如何在一臺(tái)的云服務(wù)器上快速部署博客站點(diǎn),如何快速發(fā)布一篇博文并通過(guò)云服務(wù)器上的私有倉(cāng)庫(kù)部署到服務(wù)器目錄下。此外,還要在云服務(wù)器上安裝和兩個(gè)必備的軟件包。在服務(wù)器上部署博客以下為文章正文。 推薦理由:Hexo 是用 Node.js 開(kāi)發(fā)的一個(gè)靜態(tài)站點(diǎn)生成器(Static Site Generator),支持 Markdown 語(yǔ)法寫作,有著強(qiáng)大的插件系統(tǒng),而且性能優(yōu)異。下面我推...
摘要:功能齊全支持考勤會(huì)議管理云盤等,適用于企業(yè)協(xié)同辦公支付工具庫(kù),輕松完成支付模塊開(kāi)發(fā)。包含訓(xùn)練好的模型和微服務(wù),啟動(dòng)后可直接通過(guò)接口調(diào)用基于圖像識(shí)別的自動(dòng)化框架,支持吃雞類射擊類類等游戲類型。 .markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:15px;overflow-x:hidd...
摘要:前言月份開(kāi)始出沒(méi)社區(qū),現(xiàn)在差不多月了,按照工作的說(shuō)法,就是差不多過(guò)了三個(gè)月的試用期,準(zhǔn)備轉(zhuǎn)正了一般來(lái)說(shuō),差不多到了轉(zhuǎn)正的時(shí)候,會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過(guò)的一些學(xué)習(xí)資源主要是博客,博文推薦分享給大家。 1.前言 6月份開(kāi)始出沒(méi)社區(qū),現(xiàn)在差不多9月了,按照工作的說(shuō)法,就是差不多過(guò)了三個(gè)月的試用期,準(zhǔn)備轉(zhuǎn)正了!一般來(lái)說(shuō),差不多到了轉(zhuǎn)正的時(shí)候,會(huì)進(jìn)行總結(jié)或者分享會(huì)議!那么今天我就...
閱讀 964·2019-08-30 15:55
閱讀 557·2019-08-26 13:56
閱讀 2090·2019-08-26 12:23
閱讀 3310·2019-08-26 10:29
閱讀 610·2019-08-26 10:17
閱讀 2878·2019-08-23 16:53
閱讀 708·2019-08-23 15:55
閱讀 2832·2019-08-23 14:25