Markdown 學習筆記·入門


Markdown 學習筆記·入門

花一點點時間了解了下Markdown的語法,確實非常簡單遮晚,這里做下總結适瓦,也算是對Markdown語法的熟悉,及模仿造輪子吧~

markdown 簡介

Markdown是一種可以使用普通文本編輯器編寫的標記語言芹彬,通過簡單的標記語法,它可以使普通文本內容具有一定的格式叉庐。
Markdown具有一系列衍生版本舒帮,用于擴展Markdown的功能(如表格、腳注陡叠、內嵌HTML等等)玩郊,這些功能原初的Markdown尚不具備,它們能讓Markdown轉換成更多的格式枉阵,例如LaTeX译红,Docbook。Markdown增強版中比較有名的有Markdown Extra兴溜、MultiMarkdown侦厚、 Maruku等。這些衍生版本要么基于工具拙徽,如Pandoc刨沦;要么基于網(wǎng)站,如GitHub和Wikipedia斋攀,在語法上基本兼容已卷,但在一些語法和渲染效果上有改動梧田。--百度百科

特點總結

  • 純文本淳蔼,所以兼容性極強侧蘸,可以用所有文本編輯器打開。
  • 讓你專注于文字而不是排版鹉梨。
  • 格式轉換方便讳癌,Markdown 的文本你可以輕松轉換為 html、電子書等存皂。
  • Markdown 的標記語法有極好的可讀性晌坤。

Markdown 語法介紹

基本符號

  • *,-,+ 3個符號 被稱為Markdown符號
  • 空白行表示另起一個段落
  • `是表示inline代碼,tab是用來標記 代碼段旦袋,分別對應html的code骤菠,pre標簽

標題

  • # + 空格 后面的文字即表示為標題

      # 表示一級標題,## 表示二級標題疤孕,依次表示 1-6 級標題
    
  • 注意: 符號后面要加一個 空格 和文本內容隔開

  • 還可以在文字下行加= 表示大標題 - 表示小標題 慎用吧

      例如:
      大標題
      =
      小標題
      -
    

字體:斜體 / 加粗

*文本* 表示文本內容為斜體商乎, **文本** 表示文本內容為斜體
  • 效果: 斜體文本 加粗文本

換行

  • 段落間加一個 空白行 分割 同html中的 <p>
  • 連續(xù)兩個空格即為換行 同html中的 <br>

列表

  • 使用*,+,-加上一個空格來表示

  • 可以支持嵌套,如

      *,+,-效果一樣的
      - 外層列表項目
            + 內層列表項目
           + 內層無序列表項目
          + 內層列表項目
      - 外層列表項目
    
  • 效果


  • 外層列表項目
    • 內層列表項目
    • 內層列表項目
    • 內層列表項目
  • 外層列表項目

  • 有序列表用 數(shù)字+英文點+空格來表示

      - 1. 這樣會展示序號 
    
  • 效果:

    1. 這樣會展示序號
  • 注意:列表內容很長的,不需要手工輸入換行符祭阀,css控制段落的寬度鹉戚,會自動的縮放的

鏈接

  • 這其實是我第一個接觸的markdown語法,第一篇資料收集時就用到了

       直接使用 [文本](鏈接)
    
  • 效果:百度

       如果很多地方需要相同的url呢专控,可以預先定義url 這樣玩:[ref_name]:URL  ref_name 一般使用數(shù)字表示抹凳,顯得專業(yè) 然后在需要使用鏈接的地方 使用[文本][ref_name] 這種方式即可,酷炫
    
  • 效果
    [1]:https://www.baidu.com/

        [ref_name]:url 如: [1]:https://www.baidu.com/ 
    
  • 引用上面定義的url [百度][1]

  • 如果想把URL展示出來,并可以作為鏈接使用 這樣玩:<URL>

        <url> 如: <https://www.baidu.com/> 
    
  • 效果:https://www.baidu.com/

圖片

  • 圖片語法與鏈接類似

      ![](圖片地址) 如: ![](http://i.imgur.com/P7ACmyM.png)
    
  • 同樣可以使用引用的方式使用圖片

      這樣定義:[id]:圖片url  這樣引用定義 ![][id]
    
  • 定義圖片的大小或比例

  • 方法一:嵌入HTML代碼

          <img src="./xxx.png" width = "300" height = "200" alt="圖片名稱" align=center /> 注意:要居中展示伦腐,外圍加<div>即可
    
  • 方法二:使用支持圖片大小更改操作的 Mou 編輯器 (mac可以玩)

           ![](url =100x100) 注意: =前有個空格赢底,可以只寫寬度。         
    
  • 方法三: 阿里云的OSS蔗牡,七牛云的圖片服務器時颖系,url上加上相關操字段即可實現(xiàn)圖片大小,比例修改辩越,具體見各自的產品文檔~

引用

  • 開篇關于Markdown的簡介和特點就是引用的百度嘁扼, 只要在第一行加上 “>”和一個空格,表示代碼引用黔攒,還可以嵌套

轉義

  • 使用 \ 來轉義趁啸,表示文本中的markdown符號

      如: \[百度](https://www.baidu.com/)
    
  • 效果:[百度](https://www.baidu.com/)

表格

  • 表格代碼

| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |

 ------------- 左對齊 :-------------: 居中 -----:右對齊
  • 效果:
Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

代碼塊

  • 按下Tab鍵 或4個空格即表示代碼塊
    C#:

    //這里顯示一些代碼,在正文顯示中會自動識別語言督惰,進行代碼染色不傅,這是一段C#代碼
    public class Blog
    {
         public int Id { get; set; }
         public string Subject { get; set; }
    }

這樣基本就可以玩起來了,還是需要多實踐赏胚,多謝访娶,多總結。

我們活在各自的的心靈世界觉阅,我們有什么樣的心崖疤,就決定我們看到什么樣的世界

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末秘车,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子劫哼,更是在濱河造成了極大的恐慌叮趴,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件权烧,死亡現(xiàn)場離奇詭異眯亦,居然都是意外死亡,警方通過查閱死者的電腦和手機般码,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進店門妻率,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人板祝,你說我怎么就攤上這事舌涨。” “怎么了扔字?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵囊嘉,是天一觀的道長。 經常有香客問我革为,道長扭粱,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任震檩,我火速辦了婚禮琢蛤,結果婚禮上,老公的妹妹穿的比我還像新娘抛虏。我一直安慰自己博其,他們只是感情好,可當我...
    茶點故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布迂猴。 她就那樣靜靜地躺著慕淡,像睡著了一般。 火紅的嫁衣襯著肌膚如雪沸毁。 梳的紋絲不亂的頭發(fā)上峰髓,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天,我揣著相機與錄音息尺,去河邊找鬼携兵。 笑死,一個胖子當著我的面吹牛搂誉,可吹牛的內容都是我干的徐紧。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼并级!你這毒婦竟也來了巴柿?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤死遭,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后凯旋,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呀潭,經...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年至非,在試婚紗的時候發(fā)現(xiàn)自己被綠了钠署。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡荒椭,死狀恐怖谐鼎,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情趣惠,我是刑警寧澤狸棍,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站味悄,受9級特大地震影響草戈,放射性物質發(fā)生泄漏。R本人自食惡果不足惜侍瑟,卻給世界環(huán)境...
    茶點故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一唐片、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧涨颜,春花似錦费韭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至弹灭,卻和暖如春钉汗,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背鲤屡。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工损痰, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人酒来。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓卢未,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子辽社,可洞房花燭夜當晚...
    茶點故事閱讀 42,802評論 2 345

推薦閱讀更多精彩內容

  • 為什么學習Markdown 自從搭建了 Hexo 博客之后伟墙,發(fā)現(xiàn)還有 Markdown 這種寫文章的方法,想到以后...
    lifeColder閱讀 20,130評論 10 217
  • Markdown 語法 以下是 Markdown 的常用語法滴铅!在以后的筆記中將持續(xù)使用 Markdown 語法進行...
    WinSolstice閱讀 1,440評論 0 1
  • 去年中秋未折花戳葵,以為花隨余香去。 忽見桂子壓枝低汉匙,秋花春實惟一樹拱烁。 2017年4月10日江邊手機攝
    遠曉閱讀 315評論 0 3
  • 我愛你!
    a0e7cb82012e閱讀 113評論 0 1