Atom中Markdown语法

Posted on | Post modified: | In
Reading time ≈ 4

标题

1
2
3
一级标题       语法：#+空格
二级标题       语法：##+空格
三级标题       语法：###+空格

效果：

一级标题

二级标题

三级标题

列表

1
无序列表        语法：-+空格

效果：

  • 无序1
  • 无序2
  • 无序3
1
有序列表        语法：1.+空格

效果：

  1. 有序1
  2. 有序2
  3. 有序3

引用或强调

1
引用或强调      语法: ```内容```和> +空格

效果：

1
2
3
静夜思
窗前看月光
抬头望山月

静夜思
窗前看月光
抬头望山月

加粗

1
加粗           语法: **内容**或者__内容__

效果：我是需要加粗的内容

斜体

1
斜体          语法: *内容*或者__内容__

效果：我是需要斜体的内容

斜粗体

1
斜粗体        语法：***内容***或者___内容___

我是需要___粗斜体的内容___

删除线

1
删除线        语法：~~删除线~~

效果：删除线

粗斜体删除

1
粗斜体删除     语法：***~~粗斜体删除~~***或者~~***粗斜体删除***~~

我是需要***粗斜体删除的内容***

插入分割线

1
插入分割线     语法：---或者____或者***

效果：

下划线

1
下划线        语法：<u>这是需要下划线的内容</u>

效果：这是需要下划线的内容

文本居中

1
文本居中      语法：<center>这是要居中的文本内容</center>

效果：

这是要居中的文本内容

Todo列表

1
2
3
4
Todo列表     语法：
                * [x] Java
                * [ ] C
                * [ ] C++

效果：

  • Java
  • C
  • C++

换行

1
2
3
换行         语法：
                方法1.连续两个空格+回车
                方法2.使用html语言换行标签<br>

效果：
这是第一行，
这是第二行。
这是第一行，
这是第二行。

添加注脚

1
2
3
添加注脚     语法：this is a basic footnot [^1]
说明：需要在站点根目录下安装插件：
命令：npm install hexo-reference --save

效果： this is a basic footnot [1]

缩进字符

1
2
3
4
缩进字符     语法：
               &nbsp;&nbsp;不断行的空白格&nbsp;或&#160;
               &ensp;&ensp;半角的空白&ensp;或&#8194;
               &emsp;&emsp;全角的空白&emsp;或&#8195;

效果：
  不断行的空白格 或 
  半角的空白 或 
  全角的空白 或 

特殊符号

1
2
3
4
5
6
7
8
9
10
11
12
特殊符号     语法：\\    反斜线
                 \`    反引号
                 \*    星号
                 \_    底线
                 \{\}    花括号
                 \[\]    方括号
                 \(\)    括弧
                 \#    井号
                 \+    加号
                 \-    减号
                 \.    英文句点
                 \!    惊叹号

效果：
\ 反斜线
` 反引号
* 星号
_ 底线
{} 花括号
[] 方括号
() 括弧
# 井号
+ 加号
- 减号
. 英文句点
! 惊叹号

存放代码块

1
存放代码块    语法：```代码```

效果：

1
2
3
windows.onload=function(){
  console.log("反斜杠```用来存放代码")
}

表格

1
2
3
4
5
6
表格      语法：
          <center>行1 |<center>行2 |<center>行3
            :----:    |  :----:   | :----:
            小程序     |   vue     | 菜鸟
            search    |   工程师   | 码农
<center>表示表头居中，:在最左边表示左对齐，:在最右边表示右对齐，左右两边都有:表示居中。

效果：

行1 |
行2 |
行3 :----: | :----: | :----: 小程序 | vue | 菜鸟 search | web前段开发工程师 | 码农

链接

1
行内形式     语法：[链接文字](链接网址“标题”)

效果：

  1. Example: This is an example link.
  2. Example: This is an 百度.
1
2
3
4
参考形式     语法：
               [链接文字][name]

               [name]: link "Title"

语法示例：

1
2
3
4
5
6
我使用 [Google][1] 进行学术搜索多一些,使用 [百度][2]进行日常搜索多一些，很少使用[Bing][3] .
我不能一边使用 [百度搜索][2] 一边骂他不如 [Google][1]，我们需要学会的是利用资源。

[1]: https://www.google.com/ "Google"
[2]: https://www.baidu.com/ "Baidu Search"
[3]: https://cn.bing.com/ "Bing Search"

效果：
早饭后，我打开 每日英语听力 学习英语。遇到不懂的英语单词，我借助 欧路在线词典
查看释义并加入生词本，方便使用 客户端 随时记忆单词。

图片

1
2
3
4
插入互联网上图片         语法：
                      我的笔记本上装了 openSUSE Leap:
                      ![opensuse-laptop](https://www.opensuse.org/build/images/opensuse-laptop.gif)
说明：鼠标右键复制图片地址。

效果：
我在我的笔记本上装了 openSUSE Leap:
opensuse-laptop

1
2
3
行内形式：    语法：![alt text](图片网址 "Title")
说明：alt text 是替换文本；alt 属性规定在图像无法显示时的替代文本。虽然 alt text 可以不填，但推荐还是填上。
Title 是可选项，可以不屑，鼠标悬停与图片上会出现的标题文字。

效果：
百度

  1. 1.这是脚注 ↩
0%