markdown使用教程

段落、标题、区域代码

在你要表示的一级标题下面使用三个连续=以上的====字符
而二级标题就是在其下面使用三个连续-以上的---字符

1
2
3
4
一级标题
=========
二级标题
----------

效果如下：

一级标题

二级标题

使用#号个数来表示html中对应标题大小
如果想让标题在html中显示h1效果，你可以这样写：

1
# h1标题

效果如下：

h1标题

以此类推

1
2
3
4
5
## h2标题 
### h3标题 
#### h4标题
##### h5标题
###### h6标题

显示效果：

h2标题

h3标题

h4标题

h5标题
h6标题

无序列表

markdown也可以编写html中的列表
以下是几种无序列表的写法

以 -开头的无序列表

1
2
3
- 菜单1
- 菜单2
- 菜单3

显示效果：

  • 菜单1
  • 菜单2
  • 菜单3

以*开头的无序列表

1
2
3
4
* 部门1
* 部门2
* 部门3
* 部门4

显示效果：

  • 部门1
  • 部门2
  • 部门3
  • 部门4

以`+开头的无序列表

1
2
3
4
+ 员工甲
+ 员工乙
+ 员工丙
+ 员工丁

显示效果：

  • 员工甲
  • 员工乙
  • 员工丙
  • 员工丁

问题来了，那对应html中有序列表了，markdown又是怎么写的了
接下来就来感受下有序列表

有序列表

1
2
3
1. 攻城狮
2. 产品狗
3. 程序猿

显示效果：

  1. 攻城狮
  2. 产品狗
  3. 程序猿

对于html中加粗、斜体，markdown的写法如下

修辞和强调

表示斜体：将要显示的文字用一对单个*包含

1
有志者事近成，三千越甲可吞吴，*苦心人天不负*，百二秦关终属楚.

显示效果：

有志者事近成，三千越甲可吞吴，苦心人天不负，百二秦关终属楚.

表示加粗：将要显示的文字用一对两个 ** 或者 一对两个__包含

1
2
3
有志者事近成，三千越甲可吞吴，**苦心人天不负**，百二秦关终属楚.
有志者事近成，三千越甲可吞吴，__苦心人天不负__，百二秦关终属楚.

显示效果：

有志者事近成，三千越甲可吞吴，苦心人天不负，百二秦关终属楚.

有志者事近成，三千越甲可吞吴，苦心人天不负，百二秦关终属楚.

链接

markdown中链接的写法也比较简单，下面我们来看看到底怎么写的，见证奇迹的时候到了。。。

1
2
3
[链接的文字](链接的url "这是链接title")
[百度](www.baidu.com "这是百度的链接，你信吗？")

显示效果：

百度

##图片
网页的中的图片那又是怎么表示了？会跟<a>链接一样吗？啥也别想了，我们看看不就知道啦

1
2
3
![图片的title](图片的url)
![百度的logo,你说是吗？](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png )

显示效果：

百度的logo,你说是吗？

代码高亮显示

1
2
3
4
5
6
function add(){
 	$a = 22;
	$b = 10;
	$c = $a * $b;
	return $c;
}

<code>标签的代码块

 function add(){
     $a = 22;
    $b = 10;
    $c = $a * $b;
    return $c;
}

Use the add() function.

<pre>标签的代码块

function add(){
     $a = 22;
    $b = 10;
    $c = $a * $b;
    return $c;
}

问题标题

1
> 问题1

显示效果：

问题1

绘制表格

使用|、-、:符号绘制表格，通过:来控制对其方式

1
2
3
4
5
|	项目	|	价格	|	数量	|
| --------- 	| --------: 	| :-------: 	|
|	计算机		|	\$1600		|	5			|	
|	手机		|	\$600		|	12			|
|	管线		|	\$16		|	234			|

效果如下

项目 价格 数量
计算机 \$1600 5
手机 \$600 12
管线 \$16 234

以下是Markdown 的相关资料（待完善）

Markdown 免费编辑器

Windows 平台

高级应用

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

一个90后有轻微强迫症的,干着一份与动物名称有关的职业--程序猿。很喜欢的一句话:这世界上一直存在一条路，让我们的能力从平庸到杰出，这条路漫长而且艰辛，只有少数人愿意走下去，所以，优秀的人永远是少数。