Markdown简明教程

作者: howie6879 | 来源:发表于2016-03-04 20:25 被阅读593次
  1. 分级标题
  2. 粗体和斜体
  3. 链接和图像
  4. 列表
  5. 文字引用
  6. 代码块
  7. 下划线
  8. 表格
  9. 反斜杠

<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. 有序列表1
  2. 有序列表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跳新窗口
**本教程献给我亲爱的女票,希望她能学会,另外错误之处敬请指出,转载请标明出处 **

相关文章

  • Markdown基本语法总结

    Markdown基本语法总结 看了很多Markdown简明教程,感觉使用Markdown最大的优势就是可以完全使用...

  • Markdown 语法整理大集合2017

    简明教程:https://ouweiya.gitbooks.io/markdown/ 1.标题 代码 注:# 后面...

  • Markdown 语法整理大集合

    简明教程:https://ouweiya.gitbooks.io/markdown/ 1.标题 代码 注:# 后面...

  • Markdown简明教程

    1. 分组标题演示 使用===表示一级标题,使用---表示二级标题,也可以选择在行首加井号表示不同级别的标题(H1...

  • Markdown 简明语法教程

    标题 引用 或者只在第一行标注 引用内可以嵌套引用或其他markdown语法 有序列表 无序列表 或者 或者 代码...

  • Markdown简明教程

    一级标题 二级标题 baidu http://www.baidu.com 粗斜体 粗体 斜体 有序列表 无序列表 ...

  • Markdown 简明教程

    简书居然没有官方 Markdown 教程,我来原来官方是有的。。。献给写作者的 Markdown 新手指南不过我这...

  • Markdown 简明教程

    段落元素 1、段落与换行 Markdown 中的段落指连续的一段文字,编写时段落之间用至少一个空行隔开,段落内多个...

  • Markdown简明教程

    概述 基本语法 分级标题 粗体和斜体 链接和图像 列表 文字引用 代码块 下划线 表格 反斜杠 说明

  • MarkDown简明教程

    一、markdown简明教程-文本格式化 1、水平线,只需要使用三个中划线 --- 演示: 2、斜体使用 斜...

网友评论

本文标题:Markdown简明教程

本文链接:https://www.haomeiwen.com/subject/poeokttx.html