markdown入门

优点

  1. 可以导出html,pdf与md文件
  2. 学习成本低
  3. 专注内容.降低考虑样式

语法规则

标题

# 一级标题  
## 二级标题  
### 三级标题

以此类推,一共6级

列表

* 无序列表
  • 无序列表
1. 我是第一列  
2. 我是的二列  
  1. 我是第一列
  2. 我是的二列

引用

> 这是引用
>> 引用好看吗?
>>> 我还是引用哦
>>>> 1. 引用里有其他东东

这是引用

引用好看吗?

我还是引用哦

  1. 引用里有其他东东

连接与图片

[www.baidu.com](http://www.baidu.com)  
<http://www.baidu.com>

[google][1],[baidu][2]就是码农最常用的工具.

[1]:http://www.google.com "Google"  
[2]:http://www.google.com "baidu"  

![img](https://cn.vuejs.org/images/logo.png)

www.baidu.com
http://www.baidu.com

google,baidu就是码农最常用的工具.

img

锚点

跳转到目录
跳转到优点
跳转到语法规则

缩进

1. 我是普通列表
    1. 缩进-我按了tab按键
    1. 第三次
1. 第二行
    1. 我缩进
    1. 我缩进

* 无需列表的缩进
    >我按了tab  
    >我也缩进了
  1. 我是普通列表
    1. 缩进-我按了tab按键
    2. 第三次
  2. 第二行
    1. 我缩进
    2. 我缩进
  • 无需列表的缩进

    我按了tab
    我也缩进了

转义符

1. \[]()
  1. []()

表格

| 商品  | 价格    | 数量  |
| --- | ----- | --- |
| 苹果  | 10.00 | 100 |
商品价格数量
苹果 10.00 100

华丽的分割

三个连续的*
三个连续的-


代码块

  • 默认代码块
```
#include <stdio.h>
int main(void)
{
printf("Hello world\n");
}

```
  • 指定代码块语法
``` javascript
var a = "才子一生平安"
function test(){
console.log("ok");
}
```

使用html

  • 代码
<div class="footer">
   © 2004 Foo Corporation
</div>
© 2004 Foo Corporation
  • 代码
<table>
    <tr>
        <th rowspan="2">日期</th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
    </tr>
    <tr>
        <td>曼玉</td>
        <td>楚红</td>
        <td>青霞</td>
    </tr>
</table>
日期星期一星期二星期三
曼玉 楚红 青霞

目录

  1. 安装 Markdown TOC 插件
    • 会根据标题生成目录.
    • 右键菜单会多出几个选项,可以逐一测试效果
    • 生产时跳转锚点会有问题
    • 可以手动把生成的代码调整一下,让自动生成的代码不重新生成
    • 具体效果可以参考目录
  • 推荐去我的github下载看源代码更直观.
  • 希望这篇博客能帮到你.
posted @ 2017-07-04 10:11  老猫_tom  阅读(480)  评论(0编辑  收藏  举报