伴职创作「banzhi.cc」书客创作[ibooker.cc]互联网科技

【前端】Markdown基础语法入门指南

2017-10-22  本文已影响183人  吾非言

作者:邹峰立,微博:zrunker,邮箱:zrunker@yahoo.com,微信公众号:书客创作,个人平台:www.ibooker.cc

本文选自书客创作平台第67篇文章。阅读原文

书客创作

什么是Markdown?

Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。

如何使用Markdown?

Markdown的使用只需要遵循它的语法规则来实现相应的功能,下面我将从常用的一些语法进行讲解,当然Markdown的语法规则不限于以下内容。

标题

在Markdown当中标题分六级。语法:'#'+标题(#个数1~6分别表示标题的一到六级)。

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

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

有序列表

有序列表是由数字顺序排列的列表项目。语法:数字+'.'+空格+内容。

1. 张三
2. 李四
3. 王五
4. 赵六
5. [x] 打勾
6. [ ] 不打勾
  1. 张三
  2. 李四
  3. 王五
  4. 赵六
  5. [x] 打勾
  6. [ ] 不打勾

无序列表

无序列表是一个没有特定顺序的列表项的集合,也称为项目列表。语法:'*'或'-'或'+'+空格+内容。

- 张三
- 李四
- 王五
- 赵六
 - [x] 打勾
 - [ ] 不打勾
或
* 张三
* 李四
* 王五
* 赵六
或
+ 张三
+ 李四
+ 王五
+ 赵六

引用

Markdown 标记区块引用是使用类似 email 中用 > 的引用方式。语法:'>'+内容。

>引用内容
>>多级引用

>*  无序列表
>1. 有序列表
>[链接](地址)

引用内容

多级引用

  • 无序列表
  1. 有序列表
    链接

链接

Markdown支持两种形式的链接语法:行内式和参考式两种形式。语法:[链接标题] + (链接地址)。

[书客创作](http://www.ibooker.cc/"书客创作")
[书客创作](http://www.ibooker.cc)

书客创作
书客创作

图片链接

语法:'!'+[可选Alt Text]+(图片地址)。

![书客创作Logo](http://ibooker.cc/resources/images-logos/ibooker_logo_web_217x80.jpg)

// 可以收到设置图片尺寸
simple, assumes units are in px
![书客创作Logo](http://ibooker.cc/resources/images-logos/ibooker_logo_web_217x80.jpg =100x80)
sets the height to "auto"
![书客创作Logo](http://ibooker.cc/resources/images-logos/ibooker_logo_web_217x80.jpg =100x*)
Image with width of 80% and height of 5em
![书客创作Logo](http://ibooker.cc/resources/images-logos/ibooker_logo_web_217x80.jpg =80%x5em)
书客创作Logo

邮箱

语法:<邮箱地址>。

<ibooker@email.com>

ibooker@email.com


普通内容

Markdown使用一些特殊的字符包裹文字,从而实现不同的效果。

**加粗**
__加粗(单独)__
*倾斜*
_倾斜(单独)_
~~删除线~~
`Code 标记`
\<div>Html标签\</div>

加粗
加粗(单独)
倾斜
倾斜(单独)
删除线
Code 标记
<div>Html标签</div>


表格

| h1    |    h2   |      h3 |
|:------|:-------:|--------:|
| 100   | [a][1]  | ![b][2] |
| *foo* | **bar** | ~~baz~~ |
h1 h2 h3
100 [a][1] ![b][2]
foo bar baz

代码块

和程序相关的写作或是标签语言原始码通常会有已经排版好的代码区块。语法: 四个空格+内容。或者将内容用```包裹。

system.out.println("Hello 书客创作");

system.out.println("Hello 书客创作");

system.out.println("Hello 书客创作");


段落

Markdown对段落的处理有一些麻烦,提供以下两个方式:

1、留空白的换行,将会被自动转换成一个段落,会有一定的段落间距。
2、在插入处先按入两个以上的空格然后回车。
3、目前只支持两个换行。


分隔线

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

***

----------

* * *

*****

- - -

----------

---------------------------------------

阅读原文


微信公众号:书客创作
上一篇下一篇

猜你喜欢

热点阅读