当前位置:   article > 正文

Markdown基本语法、使用方法_makedown文档字母上加波浪线

makedown文档字母上加波浪线

Markdown基本语法、使用方法

注意:

  1. 以下的符号后很多需要加上空格才会生效!如果记忆模糊没出现你要的效果的话 可以加 不加都试试。

  2. 有些关键字符有了Markdown赋予的意义,但你还是想要显示出来,就要转义字符,用反斜杠加字符就行了。

  3. Markdown用到的字符也是要英文状态下输入的字符

标题

#+空格+文字 几个井号就代表几级标题
  • 1

引用

>+空格

引用可以嵌套使用,这种形式就是 >>+空格+文字实现的。

文字修饰

注意:文字修饰这一栏用到的符号后均不需要加空格

  1. 斜体

    语法:文字的左右两端都加上一个星号 星号+文字+星号 即:*这是要斜体的文字* 效果:这是斜体后的效果

  2. 加粗

    语法:文字的左右两端都加两个星号 星号星号+文字+星号星号 即:**这是要加粗的文字* * 效果:这是加粗后的文字

  3. 斜体加粗

    语法:文字的左右两端都加三个星号 星号星号星号+文字+星号星号星号 即:***这是要斜体加粗的文字*** 效果:这是斜体加粗后的文字

  4. 删除线

    语法:文字的左右两端都加两个波浪线 波浪线波浪线+文字+波浪线波浪线 即:~~这是要加删除线的文字~~ 效果:这是斜体加粗后的文字

  5. 下划线

    Markdown 并无下划线的原生语法,因为会和链接的默认样式产生混淆。

    方案1:html元素

    html:使用<u>元素,即在文字左右两侧加<u>这是要加下划线的文字</u>
    
    • 1

    效果:这是加了下划线的文字

    方案2:如果你对下划线的样式(颜色,粗细等)不满意的话,也可以用html的span标签,对行内元素设置style,设置border-bottom属性,其后加大小,样式,颜色

    <span style="border-bottom:4px dotted red;">所添加的需要加下划线的行内文字</span>
    border-bottom必写,这是对边框底部设置,这里就是文字下划线
    4px 这是下划线的粗细,值越大,像素越大,下划线越粗 
    dashed表示下边框是虚线。可选项有dotted(点状) solid(实线) double(双线) dashed(虚线)
    red:表示红色
    
    • 1
    • 2
    • 3
    • 4
    • 5

    其上呈现出来的效果:所添加的需要加下划线的行内文字,4px、点状、红色

列表

  1. 有序列表

    语法:数字+.加空格 即1.

    1. 你还可以嵌套使用,这是2级
      1. 这是3级,到3级后就没符号了
        1. 这是4级
  2. 无序列表

    语法: - + * 中任意一个符号加空格加文字。

有序列表无需列表可以以互相嵌套使用

  1. 有序1
  2. 有序2
    • 无序1
    • 无序2
      1. 有序

分割线

—+enter

***+enter

ps:-和*的数量不限



代码

三个```加所需要的语言+enter

效果:

#include<stdio.h>
int main(int argc,char *argv[])
{
    printf("这是c代码块");
	return 0;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

超链接

语法:

[超链接名](超链接地址 “超链接title”) title实现:当你鼠标移到超链接时,会显示你添加的文字,可加可不加

例如:[百度](http://www.baidu.com"百度")

​ 效果:百度

图片

语法:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lXoUDkFv-1609755120173)(图片地址(URL)] “title”)

实例:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SvCaY52q-1609755120175)(Markdown语法 使用方法.assets/monkeyWhite.png “tupian”)]

ps:

  • 图片alt:如果你的图片没能成功加载,他会在图片处显示的文字。
  • 图片地址(URL):图片的地址。这个地址可以是本地的,也可以是网上的。
  • title:当你鼠标移动到图片处,显示的文字

很多情况下你只需要把图片复制过来粘贴就行了,他会自动生成的。也可以在网上把图片地址复制到URL处。

你用到的图片都会保存在某个文件里,这个文件伴随你的md文件存在。

表格

语法:使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。(注意空格)

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
  • 1
  • 2
  • 3
  • 4
左对齐右对齐居中对齐
单元格单元格单元格
单元格单元格单元格
  • -: 设置内容和标题栏居右对齐。
  • :- 设置内容和标题栏居左对齐。
  • :-: 设置内容和标题栏居中对齐。

高级技巧

支持html

可以写公式

可以画流程图、时序图(顺序图)、甘特图

详情参考:

https://www.runoob.com/markdown/md-advance.html

例子:时序图:

对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

效果:

对象A 对象B 小三 C 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你好吗 对象B找我了 你真的好吗? 我们是朋友 没人陪我玩 对象A 对象B 小三 C 标题:复杂使用

快捷键

如果你用Typora编辑md文件的话,软件提供了很多快捷键,

Ctrl+B:加粗

Ctrl+I:斜体

Ctrl+U:下划线

还可以添加快速标题、表格等

Typora快捷键

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/297104
推荐阅读
相关标签
  

闽ICP备14008679号