Markdown基本语法

举报
lxw1844912514 发表于 2022/03/27 02:01:42 2022/03/27
【摘要】 转载;https://www.jianshu.com/p/191d1e21f7ed Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。 相比WYSIWYG编辑器 优点: 1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑...

转载;https://www.jianshu.com/p/191d1e21f7ed

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

相比WYSIWYG编辑器

优点:
1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。
2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可

缺点:
1、需要记一些语法(当然,是很简单。五分钟学会)。
2、有些平台不支持Markdown编辑模式。

还好,简书是支持Markdown编辑模式的。

开启方式:设置->默认编辑器->Markdown编辑器

    

一、标题

在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。

示例:


     
  1. # 这是一级标题
  2. ## 这是二级标题
  3. ### 这是三级标题
  4. #### 这是四级标题
  5. ##### 这是五级标题 ###### 这是六级标题

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、字体

  • 加粗

要加粗的文字左右分别用两个*号包起来

  • 斜体

要倾斜的文字左右分别用一个*号包起来

  • 斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来

  • 删除线

要加删除线的文字左右分别用两个~~号包起来

示例:


     
  1. **这是加粗的文字**
  2. *这是倾斜的文字*`
  3. ***这是斜体加粗的文字***
  4. ~~这是加删除线的文字~~

效果如下:

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


三、引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>
n个...
貌似可以一直加下去,但没神马卵用

示例:


     
  1. >这是引用的内容
  2. >>这是引用的内容
  3. >>>>>>>>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

四、分割线

三个或者三个以上的 - 或者 * 都可以。

示例:


     
  1. ---
  2. ----
  3. ***
  4. *****

效果如下:
可以看到,显示效果是一样的。





五、图片

语法:


     
  1. ![图片alt](图片地址 ''图片title'')
  2. 图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
  3. 图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

示例:


     
  1. ![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
  2. u=702257389,1274025419&fm=27&gp=0.jpg "区块链")

效果如下:


blockchain

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

六、超链接

语法:


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

示例:


     
  1. [简书](http://jianshu.com)
  2. [百度](http://baidu.com)

效果如下:

简书
百度

注:Markdown本身语法不支持链接在新页面中打开,貌似简书做了处理,是可以的。别的平台可能就不行了,如果想要在新页面中打开的话可以用html语言的a标签代替。

<a href="超链接地址" target="_blank">超链接名</a> 示例 <a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a> 
    

七、列表

  • 无序列表

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


     
  1. - 列表内容
  2. + 列表内容
  3. * 列表内容
  4. 注意:- + * 跟内容之间都要有一个空格

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容
  • 有序列表

语法:
数字加点


     
  1. 1.列表内容
  2. 2.列表内容
  3. 3.列表内容
  4. 注意:序号跟内容之间要有空格

效果如下:

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

  • 列表嵌套

上一级和下一级之间敲三个空格即可

  • 一级无序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  • 一级无序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容
  1. 一级有序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  2. 一级有序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容

八、表格

语法:


     
  1. 表头|表头|表头
  2. ---|:--:|---:
  3. 内容|内容|内容
  4. 内容|内容|内容 第二行分割表头和内容。 - 有一个就行,为了对齐,多加了几个 文字默认居左 -两边加:表示文字居中 -右边加:表示文字居右 注:原生的语法两边都要用 | 包起来。此处省略

示例:


     
  1. 姓名|技能|排行
  2. --|:--:|--:
  3. 刘备|哭|大哥
  4. 关羽|打|二哥 张飞|骂|三弟

效果如下:

姓名 技能 排行
刘备 大哥
关羽 二哥
张飞 三弟

九、代码

语法:
单行代码:代码之间分别用一个反引号包起来

    `代码内容`

    

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行


     
  1. (```)
  2. 代码...
  3. 代码...
  4. 代码...
  5. (```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

示例:

单行代码

`create database hero;`

    

代码块


     
  1. (```)
  2. function fun(){ echo "这是一句非常牛逼的代码"; } fun(); (```)

效果如下:

单行代码

create database hero;

代码块

function fun(){ echo "这是一句非常牛逼的代码"; } fun(); 
    

十、流程图


     
  1. ```flow
  2. st=>start: 开始
  3. op=>operation: My Operation
  4. cond=>condition: Yes or No?
  5. e=>end
  6. st->op->cond
  7. cond(yes)->e
  8. cond(no)->op
  9. &```

效果如下:
简书不支持流程图,所以截了个图


流程图.png

文章来源: blog.csdn.net,作者:lxw1844912514,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/lxw1844912514/article/details/100028710

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200