Markdown 基本语法格式

举报
攻城狮杰森 发表于 2022/06/29 21:39:56 2022/06/29
【摘要】 文末附有高级排版样式,超多有趣 emoji ,让你的文章更易读 标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题使用最多6个 # 号实现层级标题 换行空格1 空格2空格1空格3一个空格+enter=换空行 字体样式斜体 * *斜体 _ _粗体 ** **粗体__ __粗斜体 ***或___强调 符号 ` 分隔线三个以上字符 * 或- - - 或 --------...

文末附有高级排版样式,超多有趣 emoji ,让你的文章更易读

标题

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

使用最多6个 # 号实现层级标题


换行

  1. 空格1 空格2

  2. 空格1

  3. 空格3

一个空格+enter=换空行


字体样式

斜体 * *

斜体 _ _

粗体 ** **

粗体__ __

粗斜体 ***___

强调 符号 `


分隔线




三个以上字符 *- - ---------------

删除线

这是删除线

文字两端加波浪线 ~~


下划线

这是下划线

符号<u></u> 之间添加文本


脚注

[^这是脚注]

脚注测试^Team

这时候光标放在Team处就有脚注提示,单击 1 跳转到文末
格式:[^内容]+[^内容]:释义


列表

1.无序列表

  • 第一 *
    • 第二 +
      • 第三-

符号*+-都能实现

2. 有序列表

  1. 第一
  2. 第二

数字+ .

列表嵌套

  1. 第一项

    • 子项1

      • 子项2

放入一个Tab或四个空格


区块

引用区块

引用2

引用3

符号> + 空格 嵌套加入多个> 即可

列表嵌套区块

  • 第一项

    嵌套内容 符号*+>实现


代码

cout<< 两端加 ` 号

for(i=0;i<5;i++){
    printf("这是包含代码块");
}

格式:三个 ` 号 +语言选择
结尾:对应前者


链接

[链接名称]和(链接地址) 这里是网址

<直接放置链接地址> https://网址


表格

这是单元格1 这是单元格2

使用符号 |- -用于分隔行
|...|...| 制表

对齐方式

符号 -: 右对齐

符号:- 左对齐

符号:-: 居中对齐


HTML标签

掌握几种常见的HTML标签,实现更多文本格式

例如:标签 <kbd>和标签</kbd>

我们可以按住Windows+Shift+S启动截图功能

示例代码:我们可以按住<kbd>Windows</kbd>+<kbd>Shift</kbd>+<kbd>S</kbd>启动截图功能


数学公式

x + y = 2 x+y=2

c x 2 + d \sqrt{c x^2 + d}

使用一对 $ $ 符号 嵌入LaTeX格式数学公式,Markdown会自动进行渲染

字体着色

<font face="微软雅黑">这是微软雅黑字体</font>
<font color=red size=6>color=red size=5</font>

这是微软雅黑字体

color=red size=5

更多格式请参考:RGB颜色对照表

图片修改

居中

在图片引入编辑器后生成的代码某位添加 #pic_center

![](https://img-blog.csdnimg.cn/6270ace20bfe4c62b19a45f107e2bc54.png)

替换为

![](https://img-blog.csdnimg.cn/6270ace20bfe4c62b19a45f107e2bc54.png#pic_center)

看效果:

等比缩放

拷贝生成的源码
请添加图片描述
放入下面的 “链接” 处

<img src="这里放置链接" width="70%">

自定义 width 后的数值实现等比例缩放
为避免文字后插入图片显示间距过大,可以使用官方方法
请添加图片描述
注意是 空格= 后面的不是乘号,是==小写字母 x==

去水印

删除部分生成的源码,只留下图片URL,像这样

https://img-blog.csdnimg.cn/7aa6a23a91eb4d098904845f4fbd479a.png

在这里插入图片描述
即可实现图片去水印的效果。

:+1:高级进阶

:fist:图片底部显示文字说明

我们在文章中插入图片时候,如果图片过多,加入图片说明会使文章更简明,提高易读性

其实就是利用了 基本的 html 语法,通过建立表格实现效果

后台代码:

<table>
    <tr>
        <td><center>
        <img src="https://img-blog.csdnimg.cn/7b7d126a21234aefa08e7e27537104c6.gif" />
        </center>
        <center>
        图X 图片文字说明
        </center></td> 
    <tr>
</table>

此处边框 border 的设置无法在编辑器中生效,可能是官方识别问题,毕竟不是标准 markdown 语法格式

实现效果:

图1 欢迎添加杰森微信(这是动图哦)!

:smile:排版添加 emoji 表情

直接在 markdown 文件中加入表情对应标签即可

:sparkling_heart:表情列表:sparkling_heart:

更多有趣小图标在 这个仓库

https://github.com/PDPENG/markdown-emoji

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

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

全部回复

上滑加载中

设置昵称

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

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

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