[EasyHexo 專欄] #1 - Markdown 編輯器推薦與語法簡介

ChungZH發表於2018-12-21

easyhexo-宣傳圖.jpg

EasyHexo? 輕鬆使用 Hexo 搭建你的部落格

EasyHexo GitHub Repo? EasyHexo/Easy-Hexo

本篇作者:ChungZH

前言

Hexo 預設是使用 Markdown 作為寫作語言的,Markdown 也有許多好處,下面我們就來學學 Markdown 吧。

編輯器推薦

工欲善其事,必先利其器。要想寫好 Markdown,最好要有一個好的編輯器。

? Typora

官網? typora.io

這是一款簡潔得不能再簡潔的 Markdown 編輯器。它的渲染方式是單欄的,與大部分的 Markdown 編輯器不同。單欄式主要特點就是“即寫即看”,你一寫出來 Typora 就給你渲染出來了。

目前 Typora 支援的平臺有 Windows、MacOS、Linux。

? 優點

  • 單欄式預覽
  • 簡潔
  • 建立表格特別方便
  • 跨平臺

? 缺點

  • 單欄式預覽
  • 太簡陋

單欄式預覽在有些人眼裡看上去可能會覺得是一個非常棒的設計,但有些人卻不喜歡。所以是一把雙刃劍。

TyporaImage.png

? Yu Writer

官網? ivarptr.github.io/yu-writer.s…

Yu Writer 是一款國人開發的 Markdown 編輯器。它的功能齊全,設計精良,也是一個不錯的編輯器。

目前 Yu Writer 支援的平臺有 Windows、MacOS,Linux 正在開發中。

? 優點

  • 雙欄式預覽
  • 功能齊全
  • 設計精良
  • 建立表格和 Typora 同樣方便,無痛

? 缺點

  • 雙欄式預覽
  • 太過臃腫
  • 由個人開發,開發速度稍微較慢

關於這個編輯器的更多內容,可以前往少數派的一篇文章瞭解更多。

YuWriterImage.png

語法簡介

標題 Header

# 這是一級標題
## 這是二級標題
### 這是三級標題
#### 這是四級標題
##### 這是五級標題
###### 這是六級標題
複製程式碼

可以發現,你要寫幾級標題,只要在文字旁邊隔一個空格寫井號。級數有多少,井號就有多少個。

引用

> 輕鬆使用 Hexo 建站 —— EasyHexo
> > HelloWorld

> 輕鬆使用 Hexo 建站 —— EasyHexo
複製程式碼

效果:

輕鬆使用 Hexo 建站 —— EasyHexo

HelloWorld

如你所見,Markdown 的引用只需要 > 符號即可,還可以巢狀。

連結與圖片

[EasyHexo? 輕鬆使用 Hexo 搭建你的部落格](https://easyhexo.sm9.top/Easy-Hexo/)
![easyhexo-宣傳圖.jpg](https://user-gold-cdn.xitu.io/2018/12/21/167d091f766e7e5f?w=1308&h=502&f=jpeg&s=84527)
複製程式碼

效果就是本文最上面的連結與圖片。

連結就是 [文字](連結),圖片就是![文字](圖片地址)

列表

有序列表:
1. C++
2. C
3. C#

無序列表:
- Markdown
- HTML

任務列表(屬於 GFM,有些平臺會不支援):
- [ ] 未完成
- [x] 完成
複製程式碼

效果:

有序列表:

  1. C++
  2. C
  3. C#

無序列表:

  • Markdown
  • HTML

任務列表(屬於 GFM,有些平臺會不支援):

  • 未完成
  • 完成

補充一句:GFM,即 GitHub Flavored Markdown,不屬於標準 Markdown 語法。請慎用!

程式碼塊

長程式碼塊:
```cpp
#include <iostream>
```

短程式碼塊:`EasyHexo`
複製程式碼

效果:

長程式碼塊:

#include <iostream>
複製程式碼

短程式碼塊:EasyHexo

加粗、斜體、刪除線

加粗:**我被加粗了**
斜體:*我被斜體了*
刪除線:~~我身上有一層刪除線~~
複製程式碼

效果:

加粗:我被加粗了 斜體:我被斜體了 刪除線:我身上有一層刪除線

分隔線

------
複製程式碼

效果:


表格

由於表格語法過於複雜,所以推薦大家使用 Typora 和 Yu Writer 編輯器。

在 Typora 中,只需要使用快捷鍵 Ctrl + T 就會出現一個 插入表格 的視窗。輸入行數和列數即可建立表格。

在 Yu Writer 中,有一個 表格 的選項。點選即可使用表格。

轉義

如果你想只顯示一個 # 號而不是一個標題,可以這樣輸入\# Markdown 就不會誤認為是一個標記了。

效果:#

\   反斜線
`   反引號
*   星號
_   底線
{}  花括號
[]  方括號
()  括弧
#   井字號
+   加號
-   減號
.   英文句點
!   驚歎號
複製程式碼

以上符號都可以使用 \ 進行轉義。

好了,Markdown 語法就基本學完了!

完結撒花,謝謝大家!???

相關文章