一文带你快速学习常见的Markdown语法!
yuyutoo 2024-12-24 16:32 1 浏览 0 评论
一、什么是Markdown？
Markdown是一种轻量级的标记语言。
Markdown是约翰·格鲁伯（John Gruber）在2004年创造。
Markdown文件可导出成HTML、pdf、epud、jpeg等多种格式的文件。
二、常见的Markdown语法
1.标题
在文字前添加 # 即可创建标题，一个 # 代表一级标题，两个 # 代表二级标题，以此类推。
注：# 和文字之间需要空一格。
2.列表
列表分为有序列表和无序列表两种：在文字前面添加（-）可实现无序列表、添加（1.2.3.）可实现有序列表
注：符号和文字之间依旧需要空一格。
列表的嵌套
列表之间的嵌套只需要在子列表的前面添加4个空格。
3.表格
语法规则：
| 标题1 |标题2 | 标题3 | 标题4 | 标题5 |
| ---- | ---- | ---- | ---- | ---- |
| 内容 | 内容 | 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 | 内容 | 内容 | 显示效果：
4.文字效果
加粗：在文字两边分别添加（**）或（__）。
斜体：在文字两边分别添加（*）或（_）。
粗斜体：在文字两边分别添加（***）或（___）。
*Markdown*是一种轻量级标记语言。
**Markdown**是一种轻量级标记语言。
***Markdown***是一种轻量级标记语言。
或
_Markdown_是一种轻量级标记语言。
__Markdown__是一种轻量级标记语言。
___Markdown___是一种轻量级标记语言。显示效果：
5.引用
引用分为单行引用和多行引用两种，语法规则为：在文字或段落前添加（>）。
（1）单行引用：
> 单行引用（2）多行引用：
> 多行引用
>
> 多行引用显示效果：
6.代码块
用(`)或(```)将文字或段落围起来就可以形成代码块。
```
code
....
```显示效果：
7.分割线
在任意一行上使用3个或更多的（***）、（---）或（___）即可创造水平线。
***
------
______
----------------------------------显示效果：
8.链接
（1）将链接文本使用（[]）包围，并在该文字后添加相应的网站链接，且链接需要用()包围。
我最爱的网站是[今日头条](https://www.toutiao.com/)。（2）直接显示链接。
<https://www.toutiao.com/>显示效果：
9.图片
语法规则：
显示效果：
相关推荐
- 一篇文章认识JavaScript中的Web API
-
在了解webapi之前先要明白在我们声明变量三个关键字(var、let、const)，我们到底该用哪一个？首先排除var，它是老牌的写法，会有很多问题，可以淘汰掉...我们在开发中建议const...
- html5大神结合js带你研究古老读心术，你的心思早被猜透
-
javascript/HTML5课题：javascript开发读心术游戏PS:大爆料！javascript解密读心术游戏背后故事知识点：读心术原理算法独家揭秘，HTML5最新选择器，...
- 纯CSS实现3个圆圈横向排列不断闪烁的Loading特效
-
这个纯CSS实现的Loading特效是一个非常简单而实用的选择，它由三个圆圈横向排列，并不断闪烁。这种动画效果很适合用于页面加载过程中，为用户提供一个愉悦的等待体验。在这个特效的设计中，使用了CSS的...
- 网站建设知识分享系列文章三:符合用户体验的网页设计应如何做?
-
上篇文章向各位讲述了网站建设知识分享系列文章二：如何选择建站公司，今天我们来讲述下建站公司选定后，网站制作流程是怎样的，有哪些需要注意的细节性问题。选定建站公司，签订正规劳务合同后，最先开始的是设计环...
- 「更新」微信小程序 Lottie 动画组件 lottiejs-miniapp V1.1.0 发布
-
lottiejs-miniapp当前版本号:1.1.0npm地址：...
- Web开发基础之jQuery javascript web开发
-
jQuery是一个JavaScript库。jQuery极大地简化了JavaScript编程。jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Aj...
- Web前端:JavaScript最强总结，最全面的零基础入门教程
-
JavaScript是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。JavaScript...
- jQuery 动画制作与特效 jquery的动画函数
-
使用show()和hide()方法在普通的javascript编程中,要实现元素的显示、隐藏通常是利用其CSS的display属性或者visibility属性。在jQuery中提供了show()和hi...
- JavaScript+css实现的登录注册页面web前端html源码
-
大家好，今天给大家介绍一款，JavaScript+css实现的登录注册页面web前端html源码（图1），布局合理。送给大家哦，获取方式在本文末尾。文本框获取焦点动画特效（图2）源码完整，需要的朋友可...
- CSS 3.0+HTML5.0制作各种网页特效
-
?1、C33实现点击图片渐渐放大特效??2、CSS3实现图片全屏背景特效?3、CSS3实现的鼠标移动到图片上不规则放大??3、jQuery+CSS3模拟苹果桌面系统??4、CSS3+jQuery照片...
- js+css实现的按钮悬停动画特效html前端源码，随机元素弹出效果
-
大家好，今天给大家介绍一款，js+css实现的按钮悬停动画特效html页面前端源码，随机元素弹出（图1）。送给大家哦，获取方式在本文末尾。鼠标经过按钮区域的时候，会随机从不同位置上弹出很多小元素，效果...
- Swiper - 免费开源、功能强大的触摸滑动js特效插件
-
简单配置就能实现手机、PC网页中滑动、焦点轮播图、tab切换和触摸导航等大部分功能。js滑动特效插件Swiper是一款纯javascript打造的滑动特效插件，主要用对移动端web开发...
- html5精选特效代码分享(收藏) html酷炫特效
-
在网页设计过程中，我们会经常用到一些HTML5特效代码，下面就是为大家整理分享的一些好看炫酷且实用的HTML5特效代码，可以放心在您的应用程序中使用。一、Canvas跟随鼠标光标动画特效演示、下载地址...
- 玩转Markdown(2)——抽象语法树的提取与操纵
-
上一篇玩转Markdown——数据的分离存储与组件的原生渲染发布，转眼已经鸽了大半年了。最近在操纵mdast生成md文件的时候，心血来潮，把玩转Markdown(2)给补上了。...
- 任由文字肆意流淌，更自由的开源 Markdown 编辑器
-
对于创作平台来说内容编辑器是十分重要的功能，强大的编辑器可以让创作者专注于创作“笔”下生花。而最好取悦程序员创作者的方法之一就是支持Markdown写作，因为大多数程序员都是用Markdown...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- 一篇文章认识JavaScript中的Web API
- html5大神结合js带你研究古老读心术，你的心思早被猜透
- 纯CSS实现3个圆圈横向排列不断闪烁的Loading特效
- 网站建设知识分享系列文章三:符合用户体验的网页设计应如何做?
- 「更新」微信小程序 Lottie 动画组件 lottiejs-miniapp V1.1.0 发布
- Web开发基础之jQuery javascript web开发
- Web前端:JavaScript最强总结，最全面的零基础入门教程
- jQuery 动画制作与特效 jquery的动画函数
- JavaScript+css实现的登录注册页面web前端html源码
- CSS 3.0+HTML5.0制作各种网页特效
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)