您的位置:首页 > 编程语言

利用 Hexo + Github Pages 搭建免费博客 - Markdown 语法说明(三)

2017-12-06 21:36 627 查看
建议去原文,在这里无法预览最后的视频效果

上篇教程我们成功搭建了网站并上传到了云端,那么用什么写文章呢?用 Word , HTML,还是什么?答案是——Markdown

下面的图片是一段用 Markdown 书写的文字,你可以看到在文字之间有许多符号,下面我们就要来介绍一下这些符号是什么

(注意:本教程介绍的是
Github Markdown
,其他编译器的语法、样式可能会有些不同)


(温馨提示:内含视频,在装有 AdBlock 即广告拦截浏览器扩展的情况下,可能自动播放,请做好心理准备)



Markdown 是什么

Markdown 的目标是实现「易读易写」

可读性,无论如何,都是最重要的。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成。Markdown 语法受到一些既有 text-to-HTML 格式的影响,包括 Setext、atx、Textile、reStructuredText、Grutatext 和 EtText,而最大灵感来源其实是纯文本电子邮件的格式。

总之, Markdown 的语法全由一些符号所组成,这些符号经过精挑细选,其作用一目了然。比如:在文字两旁加上星号,看起来就像
*强调*
。Markdown 的列表看起来,嗯,就是列表。Markdown 的区块引用看起来就真的像是引用一段文字,就像你曾在电子邮件中见过的那样。

Markdown 的优点

假如你要写一段文字的话,下面是用 Word、HTML 和 Markdown 的区别:

(注意:下面均为 Word 2016 为标准)

标题:

WordHTMLMarkdown
输入一段文字,点击
标题1
<h1>标题</h1>
# 标题
粗体:

WordHTMLMarkdown
输入一段文字,选中并点击
粗体
<strong>文字</strong>
**文字**
图片:

WordHTMLMarkdown
直接拖入
<img src="链接">
![描述](链接)
比较一下,看看哪个更简单一点?

当然是 Markdown 了,除了图片和链接,其他的几乎都不需要动鼠标

Markdown 语法

标题

语法:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题


预览:



粗体、斜体、删除线

语法:

**粗体**
__粗体__
*斜体*
_斜体_
~~删除线~~


预览:



空格

在 Markdown 源文件里按回车键换行,实际显示的文字并不会换行,而只是空了一格

所以,我们在要换行的文字的末尾使用两个空格来强制换行

但是有些编辑器可能不需要空两格也能自动换行,比如 Hexo 就不会

链接、图片

语法:

[链接文字](网址)
![图片描述](图片地址)

[百度](https://www.baidu.com)
![百度 LOGO](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png)


图片描述
只有在图片无法显示的情况下才会显示

预览:



列表

语法:

1. 有序列表1
2. 有序列表2
3. 有序列表3

- 无序列表1
- 无序列表2
- 无序列表3


预览:



表格

语法:

| 标题1 | 标题2 | 标题3 |
|-------|------|-------|
| 内容 | 内容 | 23333333333 |
| 内容 | 内容 | 0.2333 |

| 标题1 | 标题2 | 标题3 |
|-------:|:------|:-------:|
| 0000000000000000 | 0 | 23333333333 |
| 0 | 0000000000 | 0.2333 |


第二行连接号的左右还可以加
:
,表示文字是居中向左还是向右对齐

预览:



待办事项(部分支持)

语法:

- [x] 已完成事项
- [ ] 未完成事项


预览:



代码、代码块

语法(由于直接写会冲突,就放图片了):



“ ` ”叫做
反单引号
,在英文状态下按下数字
1
左边的键,就可以打出来

代码块的第一个““`”后面可以加上代码的语言,以便显示高亮

(语言列表可以在 github/linguist 找到,这个文件是针对
Github Markdown
的,其他编译器可能不适用)


预览:



其他

Markdwon 不仅支持上面的这些功能,还支持大部分 HTML 代码,所以你甚至可以插入一段视频,例如:

<iframe height=498 width=510 src='http://player.youku.com/embed/XMjQ4NDgxNDUzMg==' frameborder=0 'allowfullscreen'></iframe>


预览:

(请去原文,CSDN 不支持预览)

如果你要在文字里输入几个普通的“`”、“**”像这样的符号,编译器可能会把它们当做上面的语法处理,变成了关键字

可以在符号的前面加上“\”(右斜杠)来把它转为普通字符
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: