阅读 269

[EasyHexo 专栏] #1 - Markdown 编辑器推荐与语法简介

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 语法就基本学完了!

完结撒花,谢谢大家!🎉🎉🎉

关注下面的标签,发现更多相似文章
评论