markdown基本语法

Markdown语法介绍

    Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

    由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub等等。

    接下来,我主要从一下这8个方面来介绍一下markdown的常用方法,最后在进行一些特殊的补充。

1.标题

对应标题的语法形式

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

效果展示

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

2.字体

对应字体的语法代码

*这是斜体*
**这是粗体**
***这是粗斜体***
~~这是删除~~

效果展示

这是斜体
这是粗体
这是粗斜体
这是删除

3.代码块

对应代码块的语法代码

​​```对应的语言,如bash,c++,c,java
​```

效果展示

#include <iostream>
using namespace std;

int main()
{
    cout << "hello world!" << endl;
    return 0;
}

4.列表

列表主要分为有序列表和无序列表,这里再简要介绍一下列表的嵌套

有序列表、无序列表的语法

- 无序列表1
- 无序列表2
- 无序列表3

1. 有序列表1
2. 有序列表2
3. 有序列表3
  • 无序列表1
  • 无序列表2
  • 无序列表3
  1. 有序列表1
  2. 有序列表2
  3. 有序列表3

因为列表比较常用,这里再介绍一下容易遇到的列表嵌套

列表嵌套语法
列表嵌套需要在子列表中的选项前面添加四个空格


1. 主列表1
    - 儿子列表
        - 孙子列表
2. 主列表2
  1. 主列表1
    • 儿子列表
      • 孙子列表
  2. 主列表2

5.引用

因为也是我们写文章常用的东西,引用和列表可以相互嵌套,引用也可以自己嵌套,对应演示如下所示

引用代码

> 这是最外层引用
>> 这是第二层引用
>>> 这是第三层引用
>>>> 这是第四层引用


这是最外层引用

这是第二层引用

这是第三层引用

这是第四层引用

引用嵌套列表

  1. 有序列表1
  2. 有序列表2
  3. 有序列表3
  • 无序列表
  1. 列表嵌套引用
    这是尚未引用部分

    这是引用部分

  2. 列表

6.表格

表格语法

| head1 | head2 |
| ---- | ---- |
| value1 | value2 |
| value3 | value4 |

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

效果展示
cnblogs上对md表格语法支持还是有点问题的,在typora上你没有问题

head1 head2
value1 value2
value3 value4
左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

7.图片与超链接

对应图片、超链接语法

图片:    ![this_is_a_photo_link](https://pic.cnblogs.com/avatar/1772262/20200523104724.png)
超链接:  [this_is_a_link_to_baidu](www.baidu.com)
该链接无法跳转到百度,我会在第九点进行讲解

效果展示

图片: this_is_a_photo_link
photo2
超链接: this_is_a_link_to_baidu

8.分割线

分割线的语法

***
---

效果展示
cnblogs上对md表格语法支持还是有点问题的,同样在typora上你没有问题



9.特殊点

对应的html和css语法,方便细致的处理

  1. 字体渲染的css用法
    我们写博客或者是文章,最最最常用的就是字体渲染,md语法中提供的渲染效果较为单一,这里推荐使用 css 语法中的字体渲染

    css 代码

    <div style="color:#B22222;font-weight:bold;font-size:14px">这是css文字渲染</div>
    

    渲染效果

这是css文字渲染
  1. 关于图片大小设置的问题

    这里主要还是需要借助css Img 标签进行设置

       <img src="url" style="zoom:缩放比例" />  
    
photo2
  1. 关于 [](跳转地址)无法跳转的问题
    不难得知,我们跳转的 url 为 www.baidu.com,但是在cnblogs 中,他自动给我们加入了前缀,变成了
    https://i.cnblogs.com/www.baidu.com
    使用 html 的标签,查看效果一致,考虑加上前缀,解决!

        <a href="地址">文字描述</a>
    

    LINK1
    LINK2

  2. 文字居中的效果

        <p align="center">居中的文字,可以嵌套其他语法</p>
        <div style="color:blue;text-align:center;font-size:14px;font-weight:bold">居中文字</div>
    

文字居中

居中文字
数学公式的书写,放在下一篇博客
posted @ 2021-10-24 16:36  lucky_light  阅读(177)  评论(0编辑  收藏  举报