Markdown快速入门

komorebi

2019-12-23

字数统计: 1.1k字   |   阅读时长≈ 4分

Markdown是一种标记语言，它因为“代码简练、显示精美”而受到很多人的喜爱。在这篇文章你将初步入门Markdown。

图片

  • 标题

Markdown支持6种级别的标题，对应HTML标签中的1-6 级标签，使用 # 号可表示 1-6 级标题，一级标题对应一个 # 号，二级标题对应两个 # 号，以此类推。

1
# 一级标题
2
3
## 二级标题
4
5
### 三级标题
6
7
#### 四级标题
8
9
##### 五级标题
10
11
###### 六级标题

显示效果如下：

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

  • 段落及区块

Markdown 区块引用是在段落开头使用 > 符号 ，然后后面紧跟一个空格符号：

1
> 这是我想要展示的内容...

显示效果如下

这是我想要展示的内容…

  • 列表

Markdown支持有序列表和无序列表两种形式：

  • 有序列表使用数字加.标识，例如：”1.”
  • 无序列表使用 “*” 或 “+” 或 “-“ 标识
1
* 小米
2
+ 华为
3
- 苹果
4
1. 三星

显示效果如下：

  • 小米
  • 华为
  • 苹果
  1. 三星

区块和列表直接可以相互嵌套，举个栗子:

1
> 区块中使用列表
2
>  1. 第一项
3
>  2. 第二项
4
>  *  第一项
5
>  *  第二项
6
>  *  第三项
7
8
列表中使用区块：
9
* 第一项
10
  > 菜鸟
11
  > 练习
12
* 第二项

区块中使用列表

  1. 第一项
  2. 第二项
  • 第一项
  • 第二项

列表中使用区块：

  • 第一项

    学习
    练习

  • 第二项

  • Markdown 插入链接或图片

1
[百度](http://www.baidu.com)
2
![图片](https://upload-images.jianshu.io/upload_images/703764-605e3cc2ecb664f6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

百度
图片

注: 引用链接和照片的区别就是在最前方添加一个感叹号！

  • 文字样式

在Markdown中有：斜体、加粗、下划线、删除线等这些文字样式供我们选择，代码如下：

1
2
*斜体*
3
4
**加粗**
5
6
<u>下划线</u>
7
8
~~删除线~~

显示效果如下：

斜体

加粗

下划线

删除线

如果我们想要修改文字大小/颜色/字体，就要用font标签，代码如下：

1
<font color=pink size=2 face="宋体">宋体大小为2的字</font>

显示效果如下：

宋体大小为5的字体

文字想要居中的话，就要用center标签包裹起来，代码如下：

1
<center><font color=pink size=5 face="宋体">宋体大小为5的字体</font></center>
宋体大小为5的字体
ps: font和center都是HTML中的标签，在**markdown**也能用

  • 表格

在Markdown中绘制表格代码格式如下：

1
| 表头 | 表头 | 表头 |
2
| :----: | :----: | :----: |
3
| 单元格 | 单元格 | 单元格 |
4
| 单元格 | 单元格 | 单元格 |

显示效果如下：

表头 表头 表头
单元格 单元格 单元格
单元格 单元格 单元格

  • 绘制流程图、甘特图

流程图：

1
flowchat
2
st=>start: 开始
3
e=>end: 结束
4
op=>operation: 我的操作
5
cond=>condition: 确认？
6
7
st->op->cond
8
cond(yes)->e
9
cond(no)->op

关于 Flowchart流程图 语法，参考这里

甘特图：

1
gantt
2
        dateFormat  YYYY-MM-DD
3
        title Adding GANTT diagram functionality to mermaid
4
        section 现有任务
5
        已完成               :done,    des1, 2014-01-06,2014-01-08
6
        进行中               :active,  des2, 2014-01-09, 3d
7
        计划一               :         des3, after des2, 5d
8
        计划二               :         des4, after des3, 5d

关于 甘特图 语法，参考这里

  • Markdown编辑器推荐

Byword，Ulysses，Typora，Macdown等等都很不错。
个人比较喜欢用Typora

图片

想要了解更多推荐请点击此处访问

  • 总结

    Markdown是一门比HTML更简单的标记语言，其主要用于日常写作，博客文章等。最终通过相应的编辑器换HTML用于页面渲染，会极大提高自己文章的整体性。

    优点：
    1.使用简单，书写流畅，作者无须关注排版格式
    2.Markdown一般都具有双栏模式，可以直观的预览编写结果，书写错误容易发现
    3.导出简单，只要是markdown编写的源文本，拷贝到任何一个其他markdown平台基本都是有效 的，而拷贝富文本的编辑内容，通常都需要进行一些额外的处理



本站使用 Material X 作为主题 , 总访问量为 人次 . 字数统计：1.2k
网站已运行: