Markdown是甚麼?

Time:2020/09/11

Markdown

 

Markdown是甚麼?

Markdown的目標是實現「易讀易寫」,不過最需要強調的便是它的可讀性。一份使用Markdown格式撰寫的文件應該可以直接以純文字發佈,並且看起來不會像是由許多標籤或是格式指令所構成。

Markdown 是一種輕量級標記式語言,創始人為約翰·格魯伯(John Gruber)。它允許人們「使用易讀易寫的純文字格式編寫文件,然後轉換成有效的XHTML(或者HTML)文件」。

當你在後台上資料時,除了html框方式可讓文章顯示更豐富,在文字框也希望讓有點不一樣就看看這篇文章( 常用篇 )吧 !

針對文字的大小、粗細,斜體......等進行改變。

 


註: 綠色字體=範例文字呈現、黃底字=Markdown語法

 


1.強調  ( 以 我們是最專業的森德網站設計公司 為例,想強調「森德」 )

1.斜體    在強調文字前後 加入* 或 _

*森德或者 _森德_(範例:)

我們是最專業的 森德 網站設計公司

 

2.粗體    在強調文字前後 加入** 或 __

**森德** 或者 __森德__(範例:粗體)

我們是最專業的 森德 網站設計公司

 


 

2.標題  ( 以 我們是最專業的森德網站設計公司 為例 )

在強調文字前加入 # 字  (共六級標題舉例如下)

一級標題    H1

語法: #我們是最專業的森德網站設計公司 

效果:   我們是最專業的森德網站設計公司

 

二級標題    H2

語法:  ##我們是最專業的森德網站設計公司 

效果:   我們是最專業的森德網站設計公司

 

三級標題     H3

語法: ###我們是最專業的森德網站設計公司 

效果:   我們是最專業的森德網站設計公司

 

四級標題     H4

語法: ####我們是最專業的森德網站設計公司 

效果:   我們是最專業的森德網站設計公司

 

五級標題     H5

語法: #####我們是最專業的森德網站設計公司 

效果:   我們是最專業的森德網站設計公司

 

六級標題     H6

語法: ######我們是最專業的森德網站設計公司 

效果:   我們是最專業的森德網站設計公司


3.文字斷行 (連敲3個空白鍵)

語法:   我們是   最專業的森德網站設計公司

效果:      我們是最

            專業的森德網站設計公司

 


 

4.其他常用

刪除線 (文字前後加入 ~~)

語法:   ~~Strikethrough~~

效果:  Strikethrough

 

(文字前後加入***)

語法:  ***bold italics***

效果:  bold italics

 


Markdown加入符號後讓文字有不一樣的表現,

若希望這些符號正常顯示,只要在前面加上反斜線來幫助插入普通的符號:

反斜線

語法:  /~Strikethrough/~

效果:  ~Strikethrough~

 

語法:  /**Strikethrough/**

效果:  **Strikethrough**


分隔線

你可以在一行中用三個或以上的星號、減號、底線來建立一個分隔線,行內不能有其他東西。你也可以在星號中間插入空白。下面每種寫法都可以建立分隔線:

語法: 

* * *

***

*****

- - -

---------------------------------------

Markdown呈現網站設計(常用篇)


圖片

很明顯地,要在純文字應用中設計一個「自然」的語法來插入圖片是有一定難度的。

Markdown使用一種和連結很相似的語法來標記圖片,同樣也允許兩種樣式:行內參考

行內圖片的語法看起來像是:

語法: ![Alt text](/path/to/img.jpg)


自動連結
Markdown支援比較簡短的自動連結形式來處理網址和電子郵件信箱,只要是用角括號包起來,Markdown就會自動把它轉成連結,連結的文字就和連結位置一樣,例如:

<http://example.com/>

Markdown會轉為:

<a href="http://example.com/">http://example.com/</a>

 

更多markdown功能說明可參考 https://markdown.tw/

聯絡我們

電話:(02)8663-9590

專員:0983-316-190

信箱:shg4c209@gmail.com

臺北市文山區辛亥路四段128之11號9樓

(週一至週五 上午9:30~12:00 下午1:00~6:30)