Markdown 基本语法格式

简介: Markdown 基本语法格式

标题

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

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


换行

  1. 空格1 空格2
  2. 空格1

  3. 空格3

一个空格+enter=换空行


字体样式

斜体* *

斜体_ _

粗体** **

粗体 __ __

粗斜体***___

强调 符号 `


分隔线




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

删除线

这是删除线

文字两端加波浪线 ~~


下划线

这是下划线

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


脚注

[^这是脚注]

脚注测试1

这时候光标放在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=2x+y=2

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

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

字体着色

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

这是微软雅黑字体

color=red size=5

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

图片修改

居中

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

![](https://ucc.alicdn.com/images/user-upload-01/6270ace20bfe4c62b19a45f107e2bc54.png)

替换为

![](https://ucc.alicdn.com/images/user-upload-01/6270ace20bfe4c62b19a45f107e2bc54.png#pic_center)

看效果:

等比缩放

拷贝生成的源码

放入下面的 “链接” 处

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

自定义 width 后的数值实现等比例缩放

为避免文字后插入图片显示间距过大,可以使用官方方法

注意是 空格= 后面的不是乘号,是小写字母 x

去水印

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

https://ucc.alicdn.com/images/user-upload-01/7aa6a23a91eb4d098904845f4fbd479a.png

即可实现图片去水印的效果。

👍高级进阶

✊图片底部显示文字说明

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

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

后台代码:

<table>
    <tr>
        <td><center>
        <img src="https://ucc.alicdn.com/images/user-upload-01/7b7d126a21234aefa08e7e27537104c6.gif" />
        </center>
        <center>
        图X 图片文字说明
        </center></td> 
    <tr>
</table>

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

实现效果:

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

😄排版添加 emoji 表情

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

💖表情列表💖

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

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


  1. 这是脚注 ↩︎

文章知识点与官方知识档案匹配,可进一步学习相关知识

CS入门技能树MarkDown入门MarkDown介绍2756 人正在系统学习中



相关文章
|
1月前
markdown常用语法--花括号(超详细)
markdown常用语法--花括号(超详细)
|
6月前
|
程序员 Windows
markdown的基本语法
markdown的基本语法
53 0
|
1天前
|
Java Maven Kotlin
[AIGC] 请你写一遍博客介绍 “使用idea+kotinlin+springboot+maven 结合开发一个简单的接口“,输出markdown格式,用中文回答,请尽可能详细
[AIGC] 请你写一遍博客介绍 “使用idea+kotinlin+springboot+maven 结合开发一个简单的接口“,输出markdown格式,用中文回答,请尽可能详细
|
1月前
|
IDE 数据可视化 数据挖掘
Jupyter Notebook使用教程——从Anaconda环境构建到Markdown、LaTex语法介绍
Jupyter Notebook使用教程——从Anaconda环境构建到Markdown、LaTex语法介绍
61 2
|
1月前
Markdown的基本语法(一)
Markdown的基本语法(一)
|
2月前
|
开发者
阿里云开发者社区Markdown语法
【2月更文挑战第1篇】
109 0
阿里云开发者社区Markdown语法
|
3月前
|
前端开发 API
MarkDown基础语法
MarkDown基础语法
83 0
|
8月前
轻松写作利器——Markdown常用语法介绍
家人们,今天我想向大家介绍一种广泛应用于写作和文档编辑的工具——Markdown。作为一种简单而高效的标记语言,Markdown在技术圈和写作领域越来越受欢迎。无论你是写程序代码、博客文章还是撰写文档,Markdown都能帮助你以简洁的方式展现内容。让我们一起来了解Markdown的常用语法吧!
70 0
轻松写作利器——Markdown常用语法介绍
|
4月前
|
Dart Shell pouch
markdown中快速插入Emoji表情包语法速查表!!!
markdown中快速插入Emoji表情包语法速查表!!!
|
5月前
|
程序员
markdown模式的一些语法
markdown模式的一些语法
30 0