【工具向01】——markdown 文字編輯語言相關

小舍先生發表於2019-03-27

  • markdown簡介

Markdown是一種輕量級標記語言創始人為約翰·格魯伯。它允許人們“使用易讀易寫的純文字格式編寫文件，然後轉換成有效的XHTML或HTML文件”。這種語言吸收了很多在電子郵件中已有的純文字標記的特性。

Markdown 的目標是實現「易讀易寫」。
可讀性，無論如何，都是最重要的。一份使用 Markdown 格式撰寫的檔案應該可以直接以純文字釋出，>並且看起來不會像是由許多標籤或是格式指令所構成。Markdown 語法受到一些既有 text-to-HTML >格式的影響，包括 Setext、atx、Textile、reStructuredText、Grutatext 和 EtText，而最大靈感來源其實是純文字電子郵件的格式。
總之， Markdown 的語法全由一些符號所組成，這些符號經過精挑細選，其作用一目瞭然。比如：在文>字兩旁加上星號，看起來就像強調。Markdown 的列表看起來，嗯，就是列表。Markdown 的區塊引>用看起來就真的像是引用一段文字，就像你曾在電子郵件中見過的那樣。

參考：
markdown——維基百科

1.markdown的簡單使用

  • 標題

    ### 標題使用# 符號，其數目以此對應h1-h6級標題。

這是一個一級標題

# 一級標題

這是一個二級標題

這是一個三級標題

這是一個四級標題

這是一個五級標題
這是一個六級標題

  • 段落

    段落在Markdown裡是不需要任何特殊標記的，可以直接進行輸入。

段落1

段落2

  • 引用

    最簡單的引用標籤直接用> 符號就好了.

  • 普通引用方式

引用內容

> 這是葛木小舍先生的第一篇部落格

  • 列表

    ### 列表可以使用- + * 符號作為列表標記。並且列表是可以巢狀使用的。

  • 這是一個無序列表
  • 這是一個無序列表
- 這是一個無序列表
* 這是一個無序列表
  • 這是一個父類列表
    • 這是一個子類列表

  • 連結

    可以是網站，也可以是一張圖片的連結。

  • 這是一個個人部落格的連結

葛木小舍先生的小世界

[葛木小舍先生的小世界](https://gemumiaoshe.wordpress.com/) 

#在這裡是用[連結名](連結地址)的形式構成連結
  • 這是葛木小舍先生的個人部落格

https://gemumiaosheWordPress.com

這是葛木小舍先生的個人部落格
<https://gemumiaosheWordPress.com>
#這裡是直接用尖括號<地址>來直接構成連結。
  • 這裡是插入圖片連結的兩種方式：

這是一張圖片

![這是一張圖片](https://i.iter01.com/images/a4b33e8697bc1f43908fbf74d96745a3c3d2ca0f952122486bae45042097f8e1.png)
#和直接插入網頁的方式是相似的，這裡只需要在[]前加一個感嘆號就可以了。
使用![圖片的備用顯示名](圖片地址)的形式就可以了

簡書

<img src="https://i.iter01.com/images/a4b33e8697bc1f43908fbf74d96745a3c3d2ca0f952122486bae45042097f8e1.png" width=200px hight=200px alt="簡書" left  >
#這裡是直接使用html中插入圖片的<img src="圖片地址">的形式插入圖片的。

在這裡，就插入圖片的地址有兩點需要注意，圖片地址可以是它的網頁儲存地址，如果是本地的相對地址，則需要注意。
你可以選擇把你需要用到的圖片上傳到網頁上儲存，再來進行引用。在這裡使用的圖片都是使用的第一種方式，我的圖片是存在github上的。

  • 程式碼段

    ### 在markdown中引用一段程式碼是很容易的，只需要用兩行半形單引號將程式碼包裹住就可以了。 其位置在tab鍵上方。

<!--程式碼段-->
<html>
<head>
<body>
<h1>這是一個一級標題</h1>
<p>這是一個段落</p>
<hr>
<a helf="連結地址">
<img src="圖片地址">
</body>
</head>
</html>

  • 簡單的字型樣式

    字型的粗細傾斜都只需要用*標記來表示。
    ---

這是一段傾斜字型

這是一段加粗字型

這是一段傾斜加粗字型

*這是一段傾斜字型*

**這是一段加粗字型**

***這是一段傾斜加粗字型***

  • 表格

    ### 表格是使用|來表示的，幾行幾列都使用|來分割開來就好。

  • 表格
表頭一 表頭二 表頭三
左對齊 居中對齊 右對齊
  • 程式碼
表頭一|表頭二|表頭三|
:---|:---:|---:|
左對齊|居中對齊|右對齊

  • markdown相關編譯器

    由於我比較懶，所以並沒有專門下載相關的編譯器。我本身是使用Dw編寫的。markdown是純文字文件，所以它是一門可以用任何文件編輯器開啟編輯的語言。而編輯器只是給我們提供一個輔助的作用，可以給我們提供方便。

  • 支援markdown編輯和預覽的工具：
    有道云云筆記
    簡書

  • 專業的markdown編譯工具：

MarkdownPad

使用者可以通過鍵盤快捷鍵和工具欄按鈕來使用或者移除 Markdown 格式。MarkdownPad左右欄的分割方式令使用者可以實時看到 HTML 格式的 Markdown 文件。

Mou

Mou 是 Mac下傑出的 Markdown 編輯器，提供語法高亮、線上預覽、同步滾動、全屏模式，支援自定儲存、自動匹配，允許自定義主題，支援 CSS，HTML 和 PDF 匯出等。

MarkPad

MarkPad 是款開源的 Markdown 編輯器，與 Window 8 風格和諧友好的介面，可以直接在你的部落格或者 GitHub 中開啟、儲存文件，直接將圖片貼上到 Markdown 文件中。

MarkdownEditor

MarkdownEditor 是一款基於瀏覽器的 Markdown 文字編輯器，功能非常簡單實用。

  • 儲存

最後將編輯好的markdown文件儲存為.md格式就可以用對應工具編輯和檢視效果了。

markdown標記語言因其簡潔性，被常用於博文等文件的編寫。本部落格是基於hexo搭建的，其中部落格也都是基於markdown語言編寫的。

相關文章