1. 程式人生 > >Hexo下的Markdown語法(GFM)寫部落格

Hexo下的Markdown語法(GFM)寫部落格

Markdown 是一種輕量級的「標記語言」,優點在於
- 專注你的文字內容而不是排版樣式。
- 輕鬆的匯出 HTML、PDF 和本身的 .md 檔案。
- 純文字內容,相容所有的文字編輯器與字處理軟體。
- 可讀,直觀。適合所有人的寫作語言。

並且具有以下特點:

  • 自動生成目錄
  • 程式碼塊高亮
  • 引用展示
  • 表格插入
  • 圖片插入
  • 強調顯示
  • 列表顯示
  • 自動URL連結

Hexo下使用的MarkDown為Github的GFM,風格很漂亮,簡潔美觀大方。但是GFMMarkDown語法和標準MarkDown稍有不同,使用過程中需要注意一些。

語法簡明概述

  1. 分段 兩個回車
  2. 換行 兩個空格 + 回車
  3. 標題 # ~ #######號的個數表示幾級標題,即表示一級標題到六級標題
  4. 強調 **文字**__文字___文字_*文字*文字
  5. 引用 > 注意後面緊跟個空格
  6. 表格 - | 分割行和列 , : 控制對其方式
  7. 程式碼塊 四個空格 開頭或, 使用``` 程式碼內容 ```
  8. 連結 [文字](連結地址)
  9. 圖片 ![圖片說明](圖片地址)地址可以是本地路勁,也可以是網路地址
  10. 列表 *+-1.選其中之一,注意後面緊跟個空格

標題

# 歡迎使用Markdown編輯器寫部落格    //一級標題 對應 <h1> </h1>
## 標題輸入 //二級標題 對應 <h2> </h2> ### 三級標題 //三級標題 對應 <h3> </h3> #### 四級標題 //四級標題 對應 <h4> </h4> ##### 五級標題 //五級標題 對應 <h5> </h5> ###### 六級標題 //六級標題 對應 <h6> </h6> ####### 七級標題 //抱歉,木有了(但是他會影響生成的目錄,目錄行多出一行空行)

這裡不做展示了,影響目錄的展示。

內容強調

加粗、斜體

字型 **加粗** 顯示
字型 *斜體* 顯示
字型 ***加粗並斜體*** 顯示

字型 加粗 顯示
字型 斜體 顯示
字型 加粗並斜體 顯示

字型 __加粗__ 顯示
字型 _斜體_ 顯示
字型 ___加粗並斜體___ 顯示
組合 *__加粗並斜體__* 顯示

字型 加粗 顯示
字型 斜體 顯示
字型 加粗並斜體 顯示
組合 加粗並斜體 顯示

刪除線

這樣來 ~~刪除一段文字~~

這樣來 刪除一段文字

高亮

使用<code>\`</code>來強調字元   //想打出  ` (反引號)需要轉義的,加<code></code>標籤強調
比如`突出背景色`來顯示強調效果

使用`來強調字元
比如突出背景色來顯示強調效果

引用顯示

引用過程中任然支援Markdown語法!

標準使用

> 每行開始都使用 '>';
> 引用**開始**;
> 引用**換行**;
> 引用**結束**。

> 還在引用中!

兩個回車結束引用!

每行開始都使用 ‘>’;
引用開始
引用換行
引用結束

還在引用中!

 兩個回車結束引用!

省略使用

> 僅第一行加應用;
引用**開始**;
引用**換行**;
引用**結束**;

兩個回車結束引用,不在引用範圍內了!

僅第一行加應用;
引用開始
引用換行
引用結束

 兩個回車 結束引用,不在引用範圍內了!

巢狀使用

> 動物
>> 水生動物
>> 陸生動物
>>> 猴子
>>> 人
>>>> 程式猿
>>>> 攻城獅
>>產品狗 //這裡需要注意,沒有空行間隔,忽略降級引用標記
射雞蝨   //這裡需要注意,沒有空行間隔,忽略降級引用標記

>> 兩棲類動物
>>> 大鱷魚
唐老鴨

兩個回車結束引用,不在引用範圍內了!

動物

水生動物
陸生動物

猴子

程式猿
攻城獅
產品狗 這裡需要注意,沒有空行間隔,忽略降級引用標記
射雞蝨 這裡需要注意,沒有空行間隔,忽略降級引用標記

兩棲類動物

大鱷魚
唐老鴨

 兩個回車結束引用,不在引用範圍內了!

表格

表格語法:

1   | 列2 | 列3 
----- | --- | ---- 1| 12  | 13  2| 22  | 23  3| 32  | 33  
列1 列2 列3
第1行 12 13
第2行 22 23
第3行 32 33

可以使用冒號來定義對齊方式:

| 左對齊    |  右對齊 | 居中 |
| :-------- | -------:| :--: |
| Computer  | 5000 元 |  1臺 |
| Phone     | 1999 元 |  1部 |
左對齊 右對齊 居中
Computer 5000 元 1臺
Phone 1999 元 1部

程式碼塊

程式碼塊語法遵循標準 markdown 程式碼,使用 ``` 開始 , ``` 結束 例如:

```Python
#!/usr/bin/env python
# -*- coding: utf-8 -*-
print 'Hello World! 
 ```

以上程式碼框及程式碼輸入內容

#!/usr/bin/env python
# -*- coding: utf-8 -*-
print 'Hello World!'

特別提示

如何在程式碼塊中打出 ```
實際上是使用 4` 包含 3` 就可以了,想表示更多,最外層+1就好了。
````
```
```
````

連結插入

[首頁](http://zhuzhuyule.xyz)
[我的資訊](/about/)
[紀念冊](https://love.zhuzhuyule.xyz/)

圖片插入

![我的頭像](http://zhuzhuyule.xyz/images/avatar.png)
![我的頭像](/images/avatar.png)

我的頭像
我的頭像

列表

無序列表

* *列表展示
* *列表展示
 * *列表展示
+ +列表展示
+ +列表展示
 + +列表展示
- -列表展示
- -列表展示
 - -列表展示
  • *列表展示
  • *列表展示
    • *列表展示
  • +列表展示
  • +列表展示
    • +列表展示
  • -列表展示
  • -列表展示
    • -列表展示

有序列表(CSDN展示不同)

這種方式不用手動設定序號,自動生成列表序列
1. **我是一級序列** 
1. **我是一級序列** 
1. **我是一級序列** 
 1. *我是二級序列* 
 1. *我是二級序列* 
 1. *我是二級序列* 
1. **我是一級序列** 
1. **我是一級序列** 
 1. *我是二級序列* 
 1. *我是二級序列* 
  1. 還是二級序列,沒有三級序列 

這種方式不用手動設定序號,自動生成列表序列
1. 我是一級序列
1. 我是一級序列
1. 我是一級序列
1. 我是二級序列 多於一級序列一個空格
1. 我是二級序列 多於一級序列一個空格
1. 我是二級序列 多於一級序列一個空格
1. 我是一級序列
1. 我是一級序列
1. 我是二級序列 多於一級序列一個空格
1. 我是二級序列 多於一級序列一個空格
1. 還是二級序列,沒有三級序列 雖然多於二級序列一個空格,但是任然是二級序列

連結自動檢測

首頁:http://zhuzhuyule.xyz
我的資訊:http://zhuzhuyule.xyz/about/
紀念冊:https://love.zhuzhuyule.xyz/

相關推薦

HexoMarkdown語法(GFM)部落

Markdown 是一種輕量級的「標記語言」,優點在於 - 專注你的文字內容而不是排版樣式。 - 輕鬆的匯出 HTML、PDF 和本身的 .md 檔案。 - 純文字內容,相容所有的文字編輯器與

歡迎使用CSDN-markdown編歡迎使用Markdown編輯器部落歡迎使用Markdown編輯器部落歡迎使用Markdown編輯器部落歡迎使用Markdown編輯器部落

歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來,用它寫部落格,將會帶來全新的體驗哦: Markdown和擴充套件Markdown簡潔的語法 程式碼塊高亮 圖片連結和圖片上傳 LaTex數學公式 UML序列圖和

使用Markdown編輯器部落需要注意到的操作

歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來,用它寫部落格,將會帶來全新的體驗哦: Markdown和擴充套件Markdown簡潔的語法 程式碼塊高亮 圖片連結和圖片上傳 LaTex數學公式 UML序列圖和

學會這些Markdown常用語法,你就能立刻用markdown部落啦!

文章目錄 前言 標題 列表 無序列表 有序列表 引用 分割線 連結 連結行內式 連結引數式 圖片 圖片行內式 圖片引數式 程式碼

markdown格式部落語法規範

``` [email protected]_authorizationdef somefunc(param1='', param2=0): '''A docstring''' if param1 > param2: # interesting print 'Great

使用markdown部落

目錄 使用markdown寫部落格 一、markdown介紹 二、在部落格園使用markdown編輯器 三、開始用markdown寫部落格 1.寫標題(用#號) 標題一 標題二 標題三

使用CSDN Markdown部落

1. Markdown介紹 Markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的HTML頁面。 —— 維基百科 CSDN提供編輯器支援 Markdown Extra ,  擴充套件了

hexo怎樣部落

之前在部落格園、簡書、CSDN等地兒都開過博,一篇文章寫好了,我希望能在幾個平臺可以同步釋出,可是操作起來成本不低。幾個平臺下的富文字編輯器比較起來還是部落格園更順手,看著更舒服,尤其是程式碼塊的操作靈活、準確。而CSDN對程式碼塊內的文字加粗、修改字色後就會出現html文無法解析的情況,混雜著程式碼和ht

Hexo部落 使用多級分類

Hexo原生支援父子分類,只需要在 Front-matter中的分類標記後面寫下多個分類就行了。寫在後面的分類就在前面分類的子分類,例如: categories: - Diary - Life 會使分

使用 github, gitbook, markdown 部落/

        Github 是基於 開原始碼管理工具 Git 的一個程式碼託管平臺。Gitbook 是一個命令列工具,可以把你的 Markdown 檔案彙集成電子書,並提供PDF等多種格式輸出。你可

Mac利用Hexo+GitHub輕鬆搭建自己的部落

今年4月份就在mac下利用hexo搭建了一個部落格,因換了一臺電腦,專案丟失,需重新安裝。 整理一下安裝流程: 1.hexo是基於nodejs的,需安裝nodejs,安裝nodejs最好選擇homebrew 2.首先檢視電腦是否安裝ruby,因為homebrew安裝依賴ru

換了電腦如何使用hexo繼續部落

前言 我們知道,使用 Github+hexo 搭建一個個人部落格確實需要花不少時間的,我們搭好部落格後使用的挺好,但是如果我們有一天電腦突然壞了,或者換了系統,那麼我們怎麼使用 hexo 再發布文章到個人部落格呢? 如果我們還是按照之間我們總結的教程再次搭建

開始用 Markdown 部落

提醒:本文最後更新於 1874 天前,文中所描述的資訊可能已發生改變,請謹慎使用。 今天又對我的部落格程式進行了改造:寫文章時支援 Markdown 語法。最近越來越喜歡用 Markdown 寫文件,以後寫部落格也可以用了,想想就覺得幸福。用過 github 的同學對 Markdown 都不陌生,對

第一次部落,分享一個巧妙演算法

問題描述: 如何將一個字串,如“123ABC”(其字串每個字元是十六進位制的一個數),將其轉化為二進位制,並按位取反,再轉化為十六進位制,輸出。 問題很簡單,按照簡單邏輯我們可以照著題目思路走下去,程式設計能力不錯的同學可以直接實現。 但如果考慮到xxxx 的按位取反就是(

我的第一篇部落

  之前總是在看別人的部落格,現在感覺要寫點東西才行,不然對知識記憶不牢靠。   最近在搗鼓C語言,在學校時考了計算機C語言二級,來到公司發現連最基本的連結串列都不會寫。甚是覺得自己知識匱乏,能找到工

在CSDN可以使用markdown部落

第一次接觸Markdown是在馬克飛象,後來它收費了,所以我就搬遷到作業部落,雖然那裡寫的筆記不容易被搜尋引擎爬到,社交也比較薄弱,但是漂亮的排版讓我無法割捨,尤其是對公式良好的支援。 今天寫部落格的時候,突然看到標題欄下方的連結“切換到MarkDown編輯器

markdown部落,看這一篇就夠了

0. 前言 為什麼用markdown寫部落格? 在寫部落格的過程中,最大的“痛點”在於寫作中總是被“格式”之類的困擾,無法專注於內容寫作; 線上寫部落格,會被網路或者編輯器本身所拖累; 本文介紹的markdown寫作,可以使你專注於部落格內容本身,寫好即成稿; 更重要的是,部落格內容及相關素材儲存在本地,可

一招教你部落,Typora+PicGo+阿里雲oss,最好用的Markdown+最好用的圖床工具!

### 部落格 > ### 寫部落格的好處 **1.使自己變得更善於觀察**。一旦你養成了記部落格的習慣,與此同時你也賦予了一個更好的機會給自己,讓自己去更細緻地觀察生活。一個人的生活經歷本就是價值連城的,從中學習到的知識,教訓更是異常珍貴。放眼生活中那些正面的、負面的資訊,讓自己靜靜地去思考,

使用CSDN部落

**這個是我第一次用這個CSDN來寫部落格 ------希望大家可以支援 ** 我感覺從這裡應該學到很多 我學過c語言 學過java 都是寫皮毛 **很早之前就看過這個網站 ** **今天是1024 正好是一個好日子 ** 所以我也來嘗試著 去把自己學到的東西記下來 和大

使用open live writer客戶端部落(親測有效)

部落格都開了這麼久了,才開始將資料上傳,但是每次都要登入網頁確實很麻煩,所以就用open live writer,使用起來真的是挺方便的,所以將我在安裝配置時,發現的問題彙總起來以便日後再次碰到忘記怎麼處理了,哈哈,我記性不好 一:安裝