markdown 学习指南

定义

使用纯文本格式编写,再转化为结构上有效的xhtml或html

为什么

使用场景

Markdown文件工作原理

文本编辑器/专用应用软件,文件应具有 .md或 .Markdown 文件后缀名。应用程序打开。转化格式,在浏览器中查看或者应用程序中转换格式

基本语法

1.分级标题

标题前加#,第几级标题就加几个#号

2.段落

段落间存在空行

3.换行符

以两个 或 多个空格结束一行,然后键入 return。

<br>换行前有>=2个空格

4.字体设置

符号不带空格 但是如果vs code没识别 就加上空格试试看

以下字体设置最好选择*来表示,不然容易出现兼容性问题

4.1加粗

前后添加两个星号 或 下划线,

4.2斜体

前后添加一个星号 或 下划线

4.3删除线

用一对双飘号~~包裹内容,或者使用快捷键 Shift+Alt+5

4.4.下划线

用一对 u 标签<u>包裹内容,或者使用快捷键 Ctrl+U(注意,部分 Markdown 编辑器可能不支持)

4.5文字高亮

用一对双等号==包裹内容(注意,部分 Markdown 编辑器可能不支持)

4.6字体、色号、颜色

5.外链接

查看新闻联播(网页链接)

效果:查看新闻链接

点击新闻链接即可跳转

5.1格式化链接

要强调链接,请在方括号 和 圆括号前后添加星号。

要将链接表示为 code,请在括号 中 添加反引号 ` 包裹,在1的左边。(<#链接>)

用html实现就是<code>标签对,直接显示代码

6.插入图像(直接显示图像)

插入图像的语法:![描述](图片链接地址)

或者用html

7.链接图像

点击图片即可跳转链接

!\[图片描述(图片链接地址)](跳转链接)

8.块引用

请在段落前添加一个 >

效果

8.1多个段落

再段落间的空白行加上>即可,空白行不显示

8.2嵌套使用

在要嵌套的段落前面添加两个 >>

8.3带其他元素的块引用

有些不支持,试试就可以试出来,在>后即可

9.有序列表

  • 在每一行的前面加上一个数字和一个点号(.),然后跟一个空格,在内容之前

10.无序列表

行项目前添加破折号 - 星号 * 或 加号 +,

嵌套进行缩进即可

11.分割线

在一行上单独使用三个 或 更多星号 ***、破折号--- 或 下划线 ___

效果如图

12.代码块

代码行:单行就单对反引号包裹,

代码块:使用三个反引号 ``` 将代码块包裹起来,并可以在反引号后指定代码的语言(可选)

语法格式

进阶语法

1.显示特殊符号

前加一个 / ,

可使用反斜杠来显示的符号

2.表格

2.1基础表格

对齐就看分割线的冒号位置,左侧就左对齐,以此类推

2.2合并单元格

需要借助html标签,和html5中的表格类似

3.脚注

(添加解释/引用有效信息)

格式,这里的"标识符"可以是数字、单词或短语,只要在整个文档中保持唯一即可。

4.上标 ^

需要的字符包裹 ^符号,或者<sup>标签对包裹,呈现平方的角标效果

5.下标 ~

~包裹字符,呈现化学式下角标

6.任务列表

语法,属于无序,但有 表示任务状态

7.锚点

点击即可跳转

Markdown 锚点允许在文档内部创建链接,指向同一个页面上的特定部分

语法

定义锚点;使用<a>标签,并设置一个唯一的id属性

再引用:在链接文本前加上#符号和锚点的 ID

ps:如果不需要显示 a 标签中的内容,可以直接去掉,放一个空链接即可

8.内容目录

在支持toc语法的解析器中,在标题后的第1/2行添加 [TOC],接口对于生成目录

相关推荐
橙子家10 小时前
浏览器缓存之【身份与会话管理】:Cookies 和 Private state tokens
前端
最新资讯动态11 小时前
HDC 2026 | 对话鲸鸿动能:存量时代,品牌如何夺回营销“主动权”?
前端
最新资讯动态11 小时前
游戏出海,从产品走向体系
前端
最新资讯动态11 小时前
20人团队跑出百万DAU、大厂也来抢量:谁在鸿蒙生态跑出加速度
前端
最新资讯动态11 小时前
千万开发者背后,鸿蒙商业化的B面
前端
爱勇宝13 小时前
AI 时代:智商决定起点,情商决定走多远
前端·ai编程
kyriewen14 小时前
用了半年 Claude Code 后,我尝试关掉它写了一周代码——结果比想象中严重
前端·javascript·ai编程
IT_陈寒14 小时前
Vite的静态资源打包让我熬夜到三点,这坑千万别跳
前端·人工智能·后端
徐小夕15 小时前
万字拆解 JitWord:企业级实时协同文档底层架构 + 大模型 AI 融合完整实践
前端·vue.js·github
一份执念15 小时前
uni-app 小程序分包限制处理与主包体积优化实战
前端·微信小程序