[CSDN_Markdown]Markdown基本文法2,markdown文法

來源:互聯網
上載者:User

[CSDN_Markdown]Markdown基本文法2,markdown文法
簡介

前文 Markdown基本文法 中介紹了Markdown的基本文法,知道那些基本的文法,實際上已經可以寫純文字的部落格了。對我們這群寫代碼的人或者將要寫代碼的人來說,貌似這些還不夠,我們還希望能插入圖片、代碼、表格、超連結!此文分別介紹怎麼在Markdown中用這些特性。

表格

如下表:

姓名 年齡 學曆
張三 16 高中
李四 17 大學
王五 18 研究生


他的Markdown文本是:

| 姓名 | 年齡 | 學曆 ||:--- |:---:| ---:|| 張三 | 16 | 高中 || 李四 | 17 | 大學 || 王五 | 18 | 研究生|

從上面的例子,我們可以看出來,Markdown產生的表格是使用冒號來選擇左 :---、右 ---: 或者置中 :---: 對齊的。其中代碼中第二行中的短線的數量可以根據美觀來定。

代碼

比如插入下面一段代碼:

#include <iostream>using namespace std;int main(){  cout << "hello markdown" << endl;  return 0;}

可以在Markdown編輯器中輸入中內容:

文法規則是:

在需要高亮的代碼塊的前一行及後一行使用三個反引號“`”,同時第一行反引號後面表面代碼塊所使用的語言

在行內的代碼可以使用兩個反引號包住,例如 printf() 就是輸入 `printf()` 得到的。

插入圖片 純文字方式插入圖片

例如:

![hust](http://www.bkjia.com/uploads/allimg/150313/0T93W4O-0.gif)

得到的結果是:

文法是:

驚嘆號 ! 後跟一個中括弧[],中括弧中可以添加解說文字,後面再添加一個小括弧(),小括弧中輸入插入圖片的網址

使用CSDN的Markdown編輯器插入

也可以在CSDN的Markdown編輯器的工具列中選擇插入圖片按鈕:

選擇上傳圖片

然後選擇圖片後,點集上傳,確定,一氣呵成~~

超連結

可以在文中直接加入超連結

中括弧後跟一個小括弧,中括弧中加入提示的文字,圓括弧中加入的是超連結

例如

[bendanban的部落格](http://blog.csdn.net/bendanban)

得到的結果是:

bendanban的部落格

也可以使用類似論文中引用的格式

在本文中使用兩個相鄰的兩個中括弧。第一個中括弧中添加提示文字,第二個中括弧中添加一個id,可以使數字,字母等。
在文本的最後添加類似參考文獻的格式:一個中括弧,後跟一個冒號,然後再跟串連地址。第一個中括弧中填入id。

例如:

[提示文字][1][1]: http://blog.csdn.net/bendanban 

得到的結果是:

提示文字

還可以直接在本文中使用兩個角括弧將超連結包括起來

例如:

<http://blog.csdn.net/bendanban> or <sawpara@126.com>

得到的結果是:

http://blog.csdn.net/bendanban or sawpara@126.com

總結

本文主要介紹了在Markdown中如何使用表格、代碼、圖片、超連結來豐富自己的部落格。表格是豎線和冒號的組合;代碼是左引號三個,或者一個;圖片使用驚嘆號,中括弧,小括弧;超連結使用中括弧、小括弧、角括弧等。

PS:歡迎大家批評指正!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.