<a id="overview">1.概述</a>
本教程的目的是让你读完本教程后,能够使用Markdown
来应付一些日常的书写;Markdown的目标是实现易读易写,在这里我觉得还要加上一点,那就是易学,既然易学,那为什么还要写教程呢?因为我必须让我女朋友也学会Markdown啊,哈哈。
参考: Markdown 语法说明
使用环境:可以自己下载Markdown编辑器,也可以使用简书,设置方式如下:
设置->基础设置->选择常用的编辑器
切换到Markdown,然后在编辑文章时候就默认是Markdown。
阅读:本篇教程一共九个
Markdown
的基本语法,看完后足够你应付日常书写,Markdown语法和显示效果一一对应,可以使用简书自带的编辑器进行练习。
<a id="basic">2.基本语法</a>
<a id="title">2-1.分级标题</a>
为什么叫做分级标题呢?因为标题可以分为数个等级,一种是用#... title
表示,注意那个#
的省略号代表#
的个数可以为1~6个,如# title
表示一级标题, ## title
表示二级标题,以此类推;还有一种是用任何数量的=
和-
具体效果如下所示:
Markdown语法:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
这也是一级标题
======
这也是二级标题
------
显示效果:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
这也是一级标题
这也是二级标题
<a id="font">2-2.粗体和斜体</a>
使用**
和*
表示粗体和斜体,还可以用__
和_
表示,具体效果如下:
Markdown语法:
**我是粗体**
*我是斜体*
__我也是粗体__
_我也是斜体_
显示效果:
我是粗体
我是斜体
我也是粗体
我也是斜体
<a id="linkImage">2-3.链接和图像</a>
链接是你将要转向的链接,可以使用\[描述](链接地址)
来为文字增加外链接;
图像是你要引用的图像,可以使用\!\[描述](图片链接地址)
来插入图像,当然也可以直接使用简书编辑器提供的功能,直接拖入图像即可上传图像;具体如下所示:
Markdown语法:
这是[简书](http://www.jianshu.com/)网页地址,点击即可进入
这是引入图片的使用方法:![描述](图片链接地址)
![shqs.png](http:https://img.haomeiwen.com/i1157824/2c21b95ba4faf4bb.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
//引用的图片是参加简书三行情书活动时候写的^_^
显示效果:
这是简书网页地址,点击即可进入
图片引入成功:
shqs.png
<a id="list">2-4.列表</a>
列表可以分为无序列表和有序列表,可以使用* + -
的任何一个表示无序列表,有序列表则用数字和点表示(千万不要忘记空格),具体如下所示:
Markdown语法:
* 无序列表1
+ 无序列表2
- 无序列表3
1. 有序列表1
2. 有序列表2
显示效果:
- 无序列表1
- 无序列表2
- 无序列表3
- 有序列表1
- 有序列表2
<a id="quote">2-5.文字引用</a>
当你想引用一段文字的时候,可以使用这个功能,用法相当简单,开头使用
>
,然后就有目前这种效果了,如果下一行你不想引用,记得按一下enter
键。
Markdown语法:
>有一美人兮,见之不忘。
>一日不见兮,思之如狂。
显示效果:
有一美人兮,见之不忘。
一日不见兮,思之如狂。
<a id="codeBlock">2-6.代码块</a>
代码块分为行内代码块和代码块,行内代码块可以使用`行内代码块`来表示;
代码块可以分为一般的代码块和加强版代码块:
一般的代码块只要简单地缩进 4 个空格或是 1 个制表符就可以创建;
加强版代码块使用如下方式:
``` 代码语言
代码...
```
Markdown语法:
1.行内代码块:`行内代码块`
2.代码块: 这是代码块,注意四个空格在那里
3.加强版代码块: 目前你看的就是加强版代码块
显示效果:
1.行内代码块:行内代码块
2.代码块:
这是代码块,注意四个空格在那里
3.加强版代码块:
def hello(name):
print('hello %s' % name)
<a id="underline">2-7.下划线</a>
下划线就是分割线,
* * *
********
---
----------------------------------------
Markdown语法:
`* * *`
`********`
`- - `
`----------------------------------------`
显示效果:
<a id="table">2-8.表格</a>
Markdown的表格不怎么好用,这里也介绍下:
Markdown语法:
| 标题一 |标题二 | 标题三 | 标题四|
| --------- |:----------:| ------:|:------|
| 默认数据偏左 | 这是居中 | 偏右 |这个标题也偏左
//第一行表示表格标题
//第二行表示表格的数据是居中还是偏左或者偏右,注意:的出现规律,默认偏左
//第三行表示数据,可以有任意行
显示效果:
标题一 | 标题二 | 标题三 | 标题四 |
---|---|---|---|
默认数据偏左 | 这是居中 | 偏右 | 这个标题也偏左 |
<a id="backlash">2-9.反斜杠</a>
反斜杠没什么好说的,可以理解为当你想在页面输出`我爱你`时,由于启用了Markdown,可能会输出我爱你
这样Markdown对应的行内代码块效果,反斜杠就是解决这样的问题,如下:
Markdown语法:
\`我爱你\`
//这样就可以按照你心中所想进行输出.
显示效果:
`我爱你`
`教程结束了,你学会了吗?`
我想你肯定学会了^_^
<a id="explain">3.说明</a>
感觉锚点有点问题,简书总是有target跳新窗口
**本教程献给我亲爱的女票,希望她能学会,另外错误之处敬请指出,转载请标明出处 **
网友评论