Markdown进阶

Posted vigilr

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Markdown进阶相关的知识,希望对你有一定的参考价值。

段落格式

粗斜体

  1. 表示
    Markdown代码
    markdown *斜体* **粗体** ***粗斜体***
    显示结果为:
    斜体*
    粗体
    粗斜体

  2. 用下划线表示
    Markdown代码
    markdown _斜体_ __粗体__ ___粗斜体___
    显示结果为:
    斜体
    粗体
    粗斜体


下划线

Markdown代码:

<u>带下划线文本</u>

显示结果为:
带下划线文本


删除线

Markdown代码:

~~删除线~~

显示结果为:
删除线

脚注格式

Markdown代码:

创建脚注格式是这样的 [^lorem]。  
[^lorem]: Lorem ipsum dolor.

显示结果为:
创建脚注格式是这样的 [^lorem]。
[^lorem]: Lorem ipsum dolor.


引用格式

嵌套结构

Markdown代码:

> 最外层
>> 第一层嵌套
>>> 第二层嵌套

显示结果:

最外层

第一层嵌套

第二层嵌套


引用中使用列表

Markdown代码:

> 引用中使用列表
> 1. 有序列表第一项
> 2. 有序列表第二项
> 3. 有序列表第三项
> + 无序列表第一项
> + 无序列表第二项
> + 无序列表第三项

显示结果:

引用中使用列表

  1. 有序列表第一项
  2. 有序列表第二项
  3. 有序列表第三项
  • 无序列表第一项
  • 无序列表第二项
  • 无序列表第三项

列表项中的引用

Markdown代码:

1. 第一项
    > 第一行引用
    > 第二行引用
2. 第二项
3. 第三项

显示结果:

  1. 第一项

    第一行引用
    第二行引用

  2. 第二项
  3. 第三项


代码格式

行内代码

Markdown代码:

Python代码`print('helloworld')`,控制台打印helloworld

显示结果:

Python代码print(‘helloworld‘),控制台打印helloworld


代码块

  1. 按Tab键或四个空格
  2. 用```包括起来,第一个后面加上代码语言,可以高亮显示

图片样式

  1. 直接放置图片
    Markdown代码:
    markdown ![戴帽子的犬夜叉.png] (https://img-blog.csdnimg.cn/20200223224726458.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTA3ODAy,size_16,color_FFFFFF,t_70)
    显示结果:
    技术图片
  2. 鼠标悬浮时,显示名称
    Markdown代码:
    markdown ![戴帽子的犬夜叉.png] (https://img-blog.csdnimg.cn/20200223224726458.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTA3ODAy,size_16,color_FFFFFF,t_70 "戴帽子的犬夜叉")
    显示结果:
    技术图片
  3. 使用img标签定义图片的宽高
    Markdown代码:
    markdown <img src=‘https://img-blog.csdnimg.cn/20200223224726458.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTA3ODAy,size_16,color_FFFFFF,t_70‘ width=50% height=50%>
    显示结果:
    技术图片
    ---

    链接样式

  4. 直接写
    Markdown代码:
    markdown [百度一下,你就知道](https://www.baidu.com)
    显示结果:
    百度一下,你就知道
  5. 链接用a作为网址变量,然后为变量赋值
    Markdown代码:
    markdown [百度一下,你就知道][a] [a]: https://www.baidu.com
    显示结果:
    百度一下,你就知道


表格样式

Markdown代码:

| 左对齐 | 居中对齐 | 右对齐 |
| :----- | :------: | -----: |
| 1      |    2     |      3 |
| 4      |    5     |      6 |

显示结果:
| 左对齐 | 居中对齐 | 右对齐 |
| :----- | :------: | -----: |
| 1 | 2 | 3 |
| 4 | 5 | 6 |


支持的html标签

Markdown支持很多HTML标签,下面列举几个常用的标签
Markdown代码:

<kbd>Win</kbd>+<kbd>Prtsc</kbd> 快速截图  
<em>强调</em>  
<strong>加强强调</strong>  
<b>加粗</b>  
<i>倾斜</i>  
上标如,3<sup>2</sup>  
下标,如CO<sub>2</sub>  
换行符<br>  
分割线<hr>  

显示结果:
Win+Prtsc 快速截图
强调
加强强调
加粗
倾斜
上标如,32
下标,如CO2
换行符

分割线


转义字符

以下这些符号前面加上反斜杠来帮助插入普通的符号:

   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号

特殊符号

符号 代码
? &copy;
? &trade;
& &amp;
< &lt;
> &gt;
&pound;
&yen;
&euro;
? &reg;
± &plusmn;
§ &sect;
X2 X&sup2;
Y3 Y&sup3;
? &frac34;
? &laquo;
? &raquo;
37oC 37&ordm;C

以上是关于Markdown进阶的主要内容,如果未能解决你的问题,请参考以下文章

markdown PHPExcel Notes和代码片段

markdown Git代码片段

markdown 岩组代码片段

markdown [magento] - 代码片段

Markdown进阶

markdown 在WordPress中使用jQuery代码片段