初识markdown以及markdown的常用语法

  一直都听说markdown可以写作变得更加方便,但是总没有去了解一下,今天下载了一个markdown编辑器,感受了一下markdown的魅力,发现对于程序员写博客之类的,markdown带来了很大的便捷性,免得我们一会儿鼠标一会儿键盘的,而且markdown支持html的语法,对于前端工程师来说,这无疑是很便捷的,我在windows上使用的是markdownpad pro2,下面闲话不多说,我们来学习一下markdown的基本语法。

标题

# 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6

呈现效果:

标题1

标题2

标题3

标题4

标题5
标题6

强调

*斜体*
*粗体**
*斜体+粗体

呈现效果:
斜体
粗体
斜体+粗体

空格

这里写图片描述
顶头文字
    啊
  二分之一个中文长度
 缩进一格
  缩进两格

  我们可以看到,上面的三个字符缩进的长度是不一样的,觉得8194和8195对我们来说更加实用一些,毕竟是按格来缩进的,160的缩进反而有一些偏差,不过也是可以在适合的条件下进行使用的。

列表

#### 有序列表

  1. 列表1
  2. 列表2
  3. 列表3

有序列表

  1. 列表1
  2. 列表2
  3. 列表3

#### 无序列表
* 列表1
* 列表2
* 列表3

无序列表

  • 列表1
  • 列表2
  • 列表3

引用

> 引用
>> 二级引用
>>> 三级引用

引用

二级引用

三级引用

代码块

这里写图片描述

	class HelloWorld
	{
	}

分割线

分割线


表格

这里写图片描述

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

  当然,我们也可以直接使用html的表格标签,只是看大家喜欢哪一种了,上图这个表格是扩展的结果。

图片与链接

[百度](https://www.baidu.com/)
百度

  链接就如上图,我们可以在方括号中写下对链接的描述,在圆括号中加上链接。

这里写图片描述

百度图片

  如上图所示,我们可以通过图片链接展示图片。

文字颜色

  我们知道在markdown中可以嵌入html,所以我们就可以使用html来使得文字的字体以及颜色发生变化。

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=12 face="黑体">黑体</font>
<font color=#00ffff size=3>null</font>
<font color=gray size=5>gray</font>

我是黑体字
我是微软雅黑
我是华文彩云
黑体
null
gray

  关于颜色的代码,我们可以进入到w3school中进行查询,里面也讲述了很多html的基本用法,可以用来参考使用。

  以上讲述了一些markdown的基本用法,觉得这些基本上是我们常用的,写个博客倒是很够用了,博客园也支持使用markdown来写文章,以后在实践中也会对这些语法更加熟悉。

posted on 2017-01-10 23:37  liuyang0  阅读(191)  评论(0编辑  收藏  举报

导航

Flag Counter