markdown教程

最新推荐文章于 2023-11-29 19:45:46 发布

hweiyu00

最新推荐文章于 2023-11-29 19:45:46 发布

阅读量150

点赞数

分类专栏：技术栈杂谈文章标签： markdown

本文链接：https://blog.csdn.net/vbhfdghff/article/details/114012995

版权

技术栈杂谈专栏收录该内容

8 篇文章 0 订阅

订阅专栏

概述

    Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，学习成本低，样式展示友好，作为一名程序员，基本没有不使用的，以下给大家整理下常用示例。

样式转换工具

https://md.openwrite.cn/

1.标题

注：# 后面保持空格
# topic h1
## topic h2
### topic h3
#### topic h4
##### topic h5
###### topic h6

演示

topic h1

topic h2

topic h3

topic h4

topic h5

topic h6

2.分级标题

注：= - 最少可以只写一个，兼容性一般
一级标题
======================
一级标题
----------------------

演示

一级标题

二级标题

3.TOC

注：根据标题生成目录，兼容性一般
@[toc]

4.引用

注：单行
> hello world!

注：多行(每行尾加两空格，才能换行)
> hello world!  
> hello world!  
> hello world!
或
> hello world!  
hello world!  
hello world!

注：多层嵌套
> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc

演示

hello world!

hello world!
hello world!
hello world!

aaaaaaaaa

bbbbbbbbb

cccccccccc

5.行内标记

注：用 ` 标记代码块将变成一行
标记之外`hello world`标记之外

标记之外 ` 
<div>   
    <div></div>
    <div></div>
    <div></div>
</div>
`标记之外

演示

标记之外hello world标记之外

标记之外 `

`标记之外

6.代码块

注：与上行距离一空行
6.1 注：用```生成块

内容1
    内容2
        内容3

6.2 注：根据不同的语言配置不同的代码着色
演示

var num = 0;
for (var i = 0; i < 5; i++) {
    num+=i;
}
console.log(num);

<!DOCTYPE html>
<html>
    <body>
        <div>内容1</div>
        <div>内容2</div>
        <div>内容3</div>
    </body>
</html>

7.插入链接

[百度一下](http://www.baidu.com/)
[百度一下-带标题](http://www.baidu.com/ "百度一下-带标题")
百度一下-直接链接：http://www.baidu.com/

演示

百度一下

 百度一下-带标题

百度一下-直接链接：http://www.baidu.com/

8.图片加链接

[![](http://hweiyu.gitee.io/java-ease-menu/image/home.png)]
[![](http://hweiyu.gitee.io/java-ease-menu/image/home.png)](http://hweiyu.gitee.io/java-ease-menu/image/home.png "主页")

9.序表

有序，注：序列.后 保持空格
1. one
2. two
3. three

无序
* one
* two
* three

序表嵌套
1. one
    1. one-1
    2. two-2
2. two 
    * two-1
    * two-2
    
序表嵌套代码块，注：换行+两个Tab
* one
    var a = 10;     // 与上行保持空行并 递进缩进

演示

one
two
three

one
two
three

one
1. one-1
2. two-2
two
- two-1
- two-2

one
var a = 10;
two
var b = 11;

10.任务列表

注：兼容性一般 要隔开一行
- [x] 选项一
- [ ] 选项二  
- [ ] 选项三

演示

选项一
选项二
选项三

11.表格

注： : 代表对齐方式 ,** : 与 | 之间不要有空格**，否则对齐会有些不兼容

|    a    |       b       |      c     |
|:-------:|:------------- | ----------:|
|   居中  |     左对齐    |   右对齐   |
|=========|===============|============|


简约写法

a  | b | c  
:-:|:- |-:
    居中    |     左对齐      |   右对齐    
============|=================|=============

演示

a	b	c
居中	左对齐	右对齐
=========	===============	============

a	b	c

居中    |     左对齐      |   右对齐

|=|=========

12.支持内嵌CSS样式

<p style="color: #AD5D0F;font-size: 30px; font-family: '宋体';">内联样式</p>

演示

内联样式

13.语义标记

描述	效果	代码
斜体	斜体	`斜体`
斜体	斜体	`_斜体_`
加粗	加粗	`加粗`
加粗+斜体	加粗+斜体	`*加粗+斜体*`
加粗+斜体	*加粗+斜体*	`_加粗+斜体_`
删除线	~~删除线~~	`~~删除线~~`
下划线	++下划线++	`++下划线++`

14.语义标签

描述	效果	代码
斜体	斜体	`<i>斜体</i>`
加粗	加粗	`<b>加粗</b>`
强调	强调	`<em>强调</em>`
上标	Z^a	`Z<sup>a</sup>`
下标	Z_a	`Z<sub>a</sub>`
键盘文本	`Ctrl`	`<kbd>Ctrl</kbd>`
换行		`<br/>或两个空格`

15.分隔符

注：最少三个 --- 或 ***或 * * *

代码

***
---
* * *

演示

16.脚注

Markdown[^1]
[^1]: Markdown是一种纯文本标记语言  //在文章最后面显示脚注

演示

Markdown¹

17.定义型列表

注：解释型定义

Markdown 
:   轻量级文本标记语言，可以转换成html，pdf等格式  //  开头一个`:` + `Tab` 或 四个空格

代码块定义
:   代码块定义……

        var a = 10;         // 保持空一行与 递进缩进
```行内标记
* 演示

Markdown 
:   轻量级文本标记语言，可以转换成html，pdf等格式

代码块定义
:   代码块定义……

        var a = 10;
        
# 18.自动邮箱链接

hwy_dod@163.com