Hexo下的Markdown語法(GFM)寫部落格
Markdown 是一種輕量級的「標記語言」,優點在於
- 專注你的文字內容而不是排版樣式。
- 輕鬆的匯出 HTML、PDF 和本身的 .md 檔案。
- 純文字內容,相容所有的文字編輯器與字處理軟體。
- 可讀,直觀。適合所有人的寫作語言。
並且具有以下特點:
- 自動生成目錄
- 程式碼塊高亮
- 引用展示
- 表格插入
- 圖片插入
- 強調顯示
- 列表顯示
- 自動URL連結
Hexo下使用的MarkDown為Github的GFM,風格很漂亮,簡潔美觀大方。但是GFM 的MarkDown語法和標準 的MarkDown稍有不同,使用過程中需要注意一些。
語法簡明概述
- 分段
兩個回車
- 換行
兩個空格
+回車
- 標題
#
~######
,#
號的個數表示幾級標題,即表示一級標題到六級標題 - 強調
**文字**
,__文字__
,_文字_
,*文字*
,文字 - 引用
>
注意後面緊跟個空格 - 表格
-
和|
分割行和列 ,:
控制對其方式 - 程式碼塊
四個空格
開頭或, 使用```
程式碼內容```
- 連結
[文字](連結地址)
- 圖片
![圖片說明](圖片地址)
,地址可以是本地路勁,也可以是網路地址 - 列表
*
,+
,-
,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/
相關推薦
Hexo下的Markdown語法(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,使用起來真的是挺方便的,所以將我在安裝配置時,發現的問題彙總起來以便日後再次碰到忘記怎麼處理了,哈哈,我記性不好 一:安裝