Markdown学习笔记

Markdown Editor

推荐使用Typora做为markdown编辑器

  1. 免费,可能是因为Beta版
  2. 覆盖Linux/Windows/osx三平台
  3. 所见即所得 编辑后直接预览,专注写作
  4. 简洁、精致、简约不简单!

Markdown基本用法

标题

  • Atx风格
    行开头添加1-6个#号对应H1-H6 #号后面要有空格
# 这是一级标题
## 这是二级标题
### 这是三级标题

列表

* 无序列表
+ 无序列表
- 无序列表
1. 有序列表

列表项:

自动生成目录:
[toc] 回车,生成标题目录还有路转链接功能,在一级标题前

代码块

  1. 行内代码 只要两个 ` 反引号(在Tab键上方) eg: `test`
  2. 代码块 ``` 代码 ```
    在```后加上编程语言名称可实现  语法高亮
    # 加上{.line-numbers}可实现 代码前加行数
    ruby{.line-numbers}
    	xxxx;

引用

使用 > 就可以引用名人名言了

粗体/斜体/删除线/下划线/回车

  • 在所选文字两边插入以下符号
加粗效果   在文字两边添加两个*或_ eg: **这里的文字会有粗体效果**
斜体效果   在文字两边添加一个*或_ eg: **这里的文字会有斜体效果**
删除线效果 在文字两边添加两个~  eg: ~~这里的文字会有删除线效果~~
下划线效果 在文字两边添加两个<u></u>标签  eg: <u>这里的文字会有下划线效果</u>
回车效果   在行尾添加<br>

水平线

  • 一行内输入3个或以上的* - _ 生成一个水平线对应<hr>标签
  • 可以在连续的* - _ 之间插入空格

表格

  • 可视化 调整表格/对齐方式 ---- Typora
  • 第一行 表头
  • 第二行 对齐方式 :--- 左对齐 ---: 右对齐 :---: 居中 --- 默认左对齐
  • 第三行 表格主体
| 这是标题 | 标题 | 标题 |
| -------- | ---: | :--: |
| 这是内容 | 内容 | 内容 |

图片

![Alt text](/path/to/img.jpg "title")

  • Alt text 当图片无法显示时显示的文字
  • /path/to/img.jpg 图片的路径,建议使用相对路径(以此文档所在路径为起点)
  • title 当图片可正常显示时,把鼠标放在图片上所显示的文字

链接

[](link "title")

  • []链接的名称
  • link链接地址
  • title将鼠标放在链接上要显示的文字
  1. 内联式 [Baidu](www.baidu.com "hello baidu!")
  2. 引用式 [Baidu][1] 建议将[1]放在段落后或结尾 [1]:www.baidu.com "hello baidu!"
  3. 自动链接 <http://example.com>

注脚

This is a example! [1] 将鼠标放在注脚上看效果

流程图

参考Flowchart-GitBook 百度经验-异想|天空

graph LR Start --> Stop

反斜杠转义字符

  • \加上以下符号 来帮助插入普通的符号
\ 反斜线   ` 反引号   * 星号    _ 底线    {} 花括号  [] 方括号
() 括号   # 井号    + 加号    - 减号    . 英文句号  ! 感叹号

  1. 这是一个注脚 ↩︎

posted @ 2018-01-02 16:16  haohaoxyz  阅读(530)  评论(0编辑  收藏  举报