美文网首页
Markdown语法,看我就够了

Markdown语法,看我就够了

作者: 布多000 | 来源:发表于2021-03-09 10:33 被阅读0次

    关于Markdown的基础语法,网上有很多资源,不过大部分都是一些基础语法,而且排版和样式我都不太喜欢,这是我结合了Markdown的基础语法和一些高级语法而写的Markdown语法备忘录。

建议下载到本地保存,语法有点多,要用的时候看看就好,有些语法浏览器不支持,如果不显示的话可以点击链接下载.md文件查看。

基础语法

转义字符

我不是\*倾斜文字\*

我不是*倾斜文字*

标题

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

另一种写法的一级标题
===============
另一种写法的二级标题
---------------

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

另一种写法的一级标题

另一种写法的二级标题

多行段落

第一行

<br>
<br>
第二行

第一行





第二行

单行注释

[//]: 这是一行注释信息

多行注释

<div style='display: none'>
    我是第一行注释,
    我是第二行注释,
</div>

<!--
我是第一行注释,
我是第二行注释。
-->

<div style='display: none'>
我是第一行注释,
我是第二行注释,
</div>

空格

第一个文字 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二个文字

第一个文字         第二个文字

加粗

我是 __加粗文字__
我是**加粗文字**

我是 加粗文字
我是加粗文字

倾斜

我是 _倾斜文字_
我是*倾斜文字*

我是 倾斜文字
我是倾斜文字

加粗倾斜

我是 ___加粗倾斜文字___
我是***加粗倾斜文字***
我是 __*加粗倾斜文字*__

我是 加粗倾斜文字
我是加粗倾斜文字
我是 加粗倾斜文字

块引用

> #### markdown语法!
>
> - 第一点好处.
> - 第二点好处.
>
> *任何* 一篇文档都是 **非常不错的**.
> > 我是嵌套文案
> > > 我是嵌套再嵌套的文案

markdown语法!

  • 第一点好处.
  • 第二点好处.

任何 一篇文档都是 非常不错的.

我是嵌套文案

我是嵌套再嵌套的文案

有序列表

1. 第1方案
2. 第2方案
    1. 第2.1方案
    2. 第2.2方案
3. 第3方案
  1. 第1方案
  2. 第2方案
    1. 第2.1方案
    2. 第2.2方案
  3. 第3方案

无序列表

* 无序列表1
+ 无序列表2
- 无序列表3
  • 无序列表1
  • 无序列表2
  • 无序列表3

代码

`printf("hello world");`

printf("hello world");

代码块

    #include<stdio.h>
    int main()
    {
       printf("hello world");
       return 0;
    }


```
#include<stdio.h>
int main()
{
    printf("hello world");
    return 0;
}
```
#include<stdio.h>
int main()
{
   printf("hello world");
   return 0;
}
#include<stdio.h>
int main()
{
    printf("hello world");
    return 0;
}

分割线

下面是分割线1
***
下面是分割线2
---
下面是分割线3
_________________
-----------------

下面是分割线1


下面是分割线2

下面是分割线3



邮箱和URL

这是我的邮箱<internetwei@foxmail.com>
这是百度官网<https://www.baidu.com>

这是我的邮箱internetwei@foxmail.com
这是百度官网https://www.baidu.com

链接

[百度官网](https://www.baidu.com)
[百度官网](https://www.baidu.com, '当鼠标悬停在文字上方时,你会看到它')
这是一个**[高亮链接](https://www.baidu.com)**

百度官网
百度官网
这是一个高亮链接

图片

![阿西河图片](https://p.upyun.com/docs/cloud/demo.jpg "当鼠标悬停在文字上方时,你会看到它")
阿西河图片

扩展语法

列表

左对齐 | 中间对齐 | 右对齐
:--- | :---: | ---:
markdown | 非常 &#124; 棒 | 右对齐
markdown | 专业 &#124; 的 | 右对齐
左对齐 中间对齐 右对齐
markdown 非常 | 棒 右对齐
markdown 专业 | 的 右对齐

代码高亮

``` Javascript
if (true){ 
    return true;
} 
```
if (true){ 
    return true;
} 
代码高亮关键字

标题ID

* [目录1](#标题1)
* [目录2](#标题2)

##### 标题1
文字内容
##### 标题2
文字内容
标题1

文字内容

标题2

文字内容

脚注

脚注1 [^1 ]
脚注2 [^2 ]

[^1 ]: 脚注1内容
[^2 ]: 脚注2内容

脚注1 ^1
脚注2 ^2

任务列表

- [x] 这是完成的任务
- [ ] 这是没有完成的任务
  • 这是完成的任务
  • 这是没有完成的任务

删除线

这是 ~~删除线~~

这是 删除线

配合HTML

字体

<font face="黑体" size=5>我是黑体字</font>
<font face="微软雅黑" size=5>我是微软雅黑</font>
<font face="STCAIYUN" size=5>我是华文彩云</font>

<font face="黑体" size=5>我是黑体字</font>
<font face="微软雅黑" size=5>我是微软雅黑</font>
<font face="STCAIYUN" size=5>我是华文彩云</font>

颜色

<font color=#0099ff size=5>color=#0099ff</font>
<font color=#00ffff size=5>color=#00ffff</font>
<font color=gray size=5>color=gray</font>

<font color=#0099ff size=5>color=#0099ff</font>
<font color=#00ffff size=5>color=#00ffff</font>
<font color=gray size=5>color=gray</font>

上标

n<sup>2</sup>=n+1

n2=n+1

下标

H<sub>2</sub>O

H2O

特殊字符

由于图片太长,这里就不显示了,感兴趣的朋友可以点击链接查看

背景颜色

<p style="background-color: #b6ffc8;">绿色</p>
<p style="center;background-color: #ffb6d2;">红色</p>
<p style="right;background-color: #b6d7ff;">蓝色</p>

<p style="background-color: #b6ffc8;">绿色</p>
<p style="center;background-color: #ffb6d2;">红色</p>
<p style="right;background-color: #b6d7ff;">蓝色</p>

对齐方式

<p style="text-align: left;background-color: #b6ffc8;">左对齐</p>
<p style="text-align: center;background-color: #ffb6d2;">中间居中</p>
<p style="text-align: right;background-color: #b6d7ff;">右对齐</p>

<p style="text-align: left;background-color: #b6ffc8;">左对齐</p>
<p style="text-align: center;background-color: #ffb6d2;">中间居中</p>
<p style="text-align: right;background-color: #b6d7ff;">右对齐</p>

图片居中并自定义尺寸

<div style="text-align: center;background-color: #b6ffc8;">
    <img src="https://p.upyun.com/docs/cloud/demo.jpg" 
        alt="阿西河图片" 
        title="阿西河图片Title" 
        style="width:300px;height:300px;"
        >
</div>

<div style="text-align: center;background-color: #b6ffc8;">
<img src="https://p.upyun.com/docs/cloud/demo.jpg"
alt="阿西河图片"
title="阿西河图片Title"
style="width:300px;height:300px;"
>
</div>

插入音乐

<iframe 
    frameborder="no" 
    border="0" 
    marginwidth="0" 
    marginheight="0" 
    width=100% 
    height=auto 
    src="//music.163.com/outchain/player?type=2&id=528478901&auto=1&height=66">
</iframe>

<iframe
frameborder="no"
border="0"
marginwidth="0"
marginheight="0"
width=100%
height=auto
src="//music.163.com/outchain/player?type=2&id=528478901&auto=1&height=66">
</iframe>

插入视频

<iframe 
    src="//player.bilibili.com/player.html?aid=10631344&cid=17548810&page=1" 
    scrolling="no" 
    style="border:0;width:100%;height:auto;min-height:790px;"
    allowfullscreen="true"> 
</iframe>

<iframe
src="//player.bilibili.com/player.html?aid=10631344&cid=17548810&page=1"
scrolling="no"
style="border:0;width:100%;height:auto;min-height:790px;"
allowfullscreen="true">
</iframe>

相关文章

网友评论

      本文标题:Markdown语法,看我就够了

      本文链接:https://www.haomeiwen.com/subject/qevvqltx.html