必学的编辑语法——Markdown

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。能使博客笔记更易阅读。

优点:

  1. 因为是纯文本,所以只要是支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。
  2. 操作简单,通过一些简单的标记语法,跟上写作内容就能完成标题/图片/代码等各种样式。

缺点:

  1. 需要记一些语法。
  2. 有些平台不支持Markdown编辑模式。

博客园是支持Markdown语法的

开启方式

1.在文章编辑区域右上角开启

为了写作方便,我们可以在设置页面设置默认编辑器为Markdown
2.点击头像>博客设置>选项

一、标题

想要在设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。最大支持到六级标题。
注:标准语法一般在#后面加上空格后再写文字。

示例:

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果如下:

二、字体

  • 加粗
    要加粗的文字左右分别用两个*号包起来
  • 斜体
    要倾斜的文字左右分别用一个*号包起来
  • 斜体加粗
    要倾斜和加粗的文字左右分别用三个*号包起来
  • 删除线
    要加删除线的文字左右分别用两个~~号包起来

示例:

**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下:

这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
这是加删除线的文字

三、引用

再引用的文字前面加>即可

示例:

>这是引用的内容
>>这是引用的内容
>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

四丶图片

语法:

![](图片的地址 "图片title")

图片title是图片的标题,当鼠标悬停时显示的文字,title可以不加。

示例:

![](https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2763523135,381182796&fm=26&gp=0.jpg "百度图片-披萨")

效果如下:

上传本地图片直接点击导航栏的图片标志,选择图片即可

Markdown格式追求的是简单、多平台统一。那么图片的存储就是一个问题,需要用图床,提供统一的外链,这样就不用在不同的平台去处理图片的问题了。才能做到书写一次,各处使用。

关于图床的知识点
Markdown写作必须知道的图床知识_CSDN
markdown图床_简书

五丶超链接

语法:

[超链接名](超链接地址 "超链接title")
title可加可不加

示例:

[百度](http://baidu.com)
[我的博客](https://www.cnblogs.com/bigezero/)

效果如下:
百度
我的博客

Markdown语法不支持链接在新的页面中打开,如果想要链接在新页面中打开可以用html中的a标签target属性。

<a href="http://www.baidu.com" target="_blank">百度</a>

效果如下:
百度

六丶列表

无序列表
语法:
无序列表用+ - *任何一种都可以

- 列表内容
+ 列表内容
* 列表内容

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表
数字加点

1. 列表内容
2. 列表内容
3. 列表内容

注意:序号跟内容之间要有空格

效果如下:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套
上一级和下一级之间回车下一行再加三个空格

* 一级列表内容
   * 二级列表
      *三级列表
* 一级列表内容
  • 一级列表内容
    • 二级列表
      • 三级列表
  • 一级列表内容

七丶表格

|  表头  |  表头   | 表头     |
| ---- | ---- | ---- |
|   内容   |   内容   |   内容   |
|   内容   |   内容   |   内容   |
|   内容   |   内容   |   内容   |

效果如下:

表头 表头 表头
内容 内容 内容
内容 内容 内容
内容 内容 内容

八丶代码

语法:

  • 单行代码:代码之间用一个反引号
`markdown`/

上述/用于防止编辑器转译,实际使用不需要

  • 代码块:代码之间用三个反引号包起来,后面跟上代码语言会有高亮
   ```所用的语言
      你的代码
   ```/

上述/用于防止编辑器转译,实际使用不需要

示例:
单行代码

`function(){}`/

上述/用于防止编辑器转译,实际使用不需要

代码块

```javascript
function(){
 alert('I love program')
}
```/

上述/用于防止编辑器转译,实际使用不需要

效果如下:
单行代码
function(){alert('I love program')}
代码块

function(){
 alert('I love program')
}

九丶字体、字号与颜色

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的!*

博客园的Markdown编辑器扩展了Markdown的功能

示例

<font color=red size=6 face="宋体"> 我是宋体字,尺寸是6,字体颜色是红色 </font>
<table><tr><td bgcolor=orange>背景色是:orange</td></tr></table>

效果:
我是宋体字,尺寸是6,字体颜色是红色

背景色是:orange

当然两种一起嵌套用可以同时实现字体+尺寸+字体颜色+背景颜色效果,但是所敲代码过长,单对记录笔记来说有点费劲。

传统的Markdown并不能支持这些设置,单对于博客园中做笔记划重点,对日后的阅读会非常有帮助

十丶快捷键

功能 快捷键
浏览器自身的快捷键冲突,常用的有以下几种。
加粗——————————Ctrl + B
引用——————————Ctrl + Q
快捷符号[]()—————Ctrl + K

掌握这几种基本上可以在博客园流畅快速的书写图文笔记了,更多的如流程图丶公式等功能,可参考文章:
Markdown语法图文全面详解(10分钟学会)——CSDN
Markdown语法大全(超级版)——简书
Markdown 语法手册 (完整整理版)——简书

posted @ 2020-12-03 12:36  bigezero  阅读(389)  评论(0)    收藏  举报