用markdown写博客

Posted 2021-02-06 nobel

目录

• 用markdown写博客
  • 前言
  • 标题
  • 段落
  • 引用区块
  • 代码块
  • 列表
  • 分隔线
  • 链接
  • 强调、加粗、下划线、删除线
  • 图片
  • 智能链接
  • 表格
  • 转义序列

用markdown写博客

前言

博客园支持用markdown语法写博客。markdown是什么东西？他是一套中间格式化文本的语法，用他写文章在支持这个语法的排版系统里面，会生成对应的排版格式。因为这套中间语言，那么我们就不用学习各种平台独有的排版方式，节省时间。当然，最重要的是markdown本身易于书写，否则就没有使用价值了。

下面我们来学习一下markdown语法。

标题

# 大标题
## 中标题
### 小标题
#### 更小的标题

效果：

段落

段落只需要前后保留一个以上空行。
换行只需要在行尾连续输入两个空格，回车。

引用区块

这个在中文中很少使用，但是外文还是比较喜欢使用的，相当于一个特殊的段落。

1. 写法一：
   > 引用段落
   
2. 写法二：

> 111
222
333

1. 写法三：

> 111
> 222
> 333

效果：

111
222
333

代码块

这个是给广大程序员的福利，借助markdown可以轻松录入代码段，代码段可以保持良好的缩进格式，还便于特殊字符的书写，比如尖括号 < (即<)； 连字符 &(即&)，不会发生转义。

只要在段落开始tab键一次或四次空格。
或者在一行中用 `反引号` 包含起来，反引号在Esc键下面那个键。
或者用```三个反引号序列前后一行围起来，并且在开始的反引号序列后加上语言名称还能实现代码着色。

1. 写法一：
   

   void mian()
    {
        return;
    }

1. 写法二：
   `int i=10;`
2. 写法三：

```html
<div>
<div>111</div>
<div>222</div>
<div>
```

效果:

void main()
{
    return;
}

int i=10;

<div>
    <div>111</div>
    <div>222</div>
<div>

列表

列表是比较常用的一种排版元素，分为有序列表和无序列表。

1. 有序列表，只需要数字+.+空格+内容
2. 222
3. 333
- 无序列表
- 222
- 333

效果：

1. 有序列表，只需要数字+.+空格+内容
   
2. 222
   
3. 333
   

• 无序列表
  
• 222
  
• 333

分隔线

就是一条线。博客园貌似不支持。
三个以上的星号，或者减号，底线

***
---
___

效果：
***
---
___

链接

超文本免不了链接元素。而markdown有良好的支持。

[文本](链接 “标题”)
[博客园](http://www.cnblogs.com "点击就送")

[百度][b]  
[b]: http://www.baidu.com "点击“  

效果：
博客园
[百度][b]
[b]: http://www.baidu.com "点击就爆“

强调、加粗、下划线、删除线

字体修饰，可以强调某些文字，也是比较常用的。

*强调*
**加粗**
<u>下划线</u>
~~删除线~~

效果：
强调
加粗
下划线
删除线

图片

超链接免不了要插入图片，但是这个还是有点难度的。一般的文本编辑器插入图片太麻烦了，如果有支持插图功能的markdown编辑器才比较方便。

![Alt文本](https://image.cha138.com/20210709/da4ecc6282e84091a5177ca1666622c7.jpg)

效果：

智能链接

通过尖口号括起来的链接或者邮箱地址，可以自动转换为合适的超链接。

<[email protected]>
<http://www.cnblogs.com>

效果：
[email protected]
http://www.cnblogs.com

表格

很形象，看演示：

列1|列2|列3|列4
-|-|-|-
a|b|c|d
1|2|3|
x||4|5

效果：

列1	列2	列3	列4
a	b	c	d
1	2	3
x		4	5

转义序列

难免需要转义序列，因为有些字符是markdown的一部分，如果要按照正常字符输出，可以在字符前面添加反斜杠 。