曲振飞的个人博客

专注于Web全栈开发、APP设计、网站建设

当前位置 : 主页 > 职场生活 > Markdown编辑器常用功能使用技巧

Markdown编辑器常用功能使用技巧

时间:2016-10-18 13:21:00 栏目:职场生活 作者:曲振飞 点击: 281

Markdown语法

## Markdown简介  
> Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。在使用时注意所有符号要在英文状态下输入,不要使用HTML的标签。

预览效果:

blob.png

Markdown语法:

## 标题
Markdown标题由#号,后面空一格加上文字的格式,相当于HTML的H1到H6标签,从小到大表示
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

预览效果:

blob.png

Markdown语法:

## 分割线、段落、换行
空白行表示单一段落,相当于</p>
连续两个空格表示换行,等于HTML的 br 标签  
连续三个*或-,然后空白行,表示hr横线
***
---

预览效果:

blob.png

Markdown语法:

## 引用
文本引用符号>
> 引用

预览效果:

blob.png

Markdown语法:

## 星号
星号(*)一个星号的意思是指改文字为斜体,两个星号之间的文字为粗体,三个星号之间的文字为粗体和斜体
*这是一段斜体文字*  
**这是一段加粗文字**  
***这是一段加粗和斜体的文字***

预览效果:

blob.png

Markdown语法:

## Markdown的无须列表,两种方式
#### 方法1:
* one
* two
* three
* four
#### 方法2:
+ 文字1
+ 文字2
+ 文字3
 * 女士
 * 男士

预览效果:

blob.png

Markdown语法:

## Markdown的有须列表
1. one  
2. two  
2-1. two-one  
2-2. two-two  
2-3. two-three  
3. three

预览效果:

blob.png

Markdown语法:

## 实现一个链接
[Web全栈开发](http://www.qzfweb.com)

预览效果:

blob.png

Markdown语法:

## 实现一个图片
![站长公众号](http://www.qzfweb.com/resources/views/home/images/wx_photo.png)

预览效果:


Markdown语法:

## 绘制表格
> 表格绘制两个冒号(:)表示文字居中,只有一个冒号靠左,表示左对齐,那么右对齐就是只有一个冒号并且靠右。
|姓名|年龄|性别|电话|
|:---:|:---|---:|:---:|
|张三|20|男|123456|
|张三|20|男|123456|
|张三|20|男|123456|
|张三|20|男|123456|

预览效果:

blob.png

Markdown语法:

## 复选框
- [x]php  
- [ ]java

预览效果:

blob.png

Markdown语法:

## 代码块
```javascript
   var a = 2;  
   var b = 3;
   function caculator(a,b) {
     return a*b;
   }
   var c = caculator(a,b);
   console.log(c);
```

预览效果:

blob.png

关键字: Markdown

关于站长

曲振飞,一个热忠、从事于互联网的90后青年.专注于网站建站、网站设计及优化.以用户体验、WEB标准为主旨,将网站的整体设计与网页设计的相关原理紧密结合.