2024年保姆级教程 带你全面了解 markdown 语法
yuyutoo 2024-12-24 16:32 1 浏览 0 评论
新人求关注?,点击右上角 ↗? 关注,博主日更,全年无休,您的关注是我的更新的动力~ 感谢大家了
markdown 作为文本编辑最通用的文件格式,以其语法简单而得到广泛的使用和传播。今天我们来全面盘点一下 markdown 的语法。
什么是Markdown?
Markdown是一种轻量级标记语言,可以通过简单的文本编辑器创建格式化文本。
John Gruber于_2004年_与Aaron Swartz合作创建了Markdown,旨在提供一种易于阅读的标记语言。
Markdown广泛用于博客、即时消息、在线论坛、协作软件(如GitHub)、文档页面和README文件中。
为什么选择Markdown?
Markdown是一个简洁而强大的内容编辑工具,是GitHub等平台的标准选择。它在各种浏览器和客户端编辑器中都能很好地发挥作用。
虽然HTML可以精确地呈现内容,但它占用空间较大,即使是少量使用也可能会让人感到麻烦。Markdown的发明提供了在HTML的强大描述功能和纯文本的编辑简便性之间的一个极佳的折衷方案。
Markdown语法
1. 强调文本
通过使用两个星号(**)或两个下划线(__)来创建加粗文本。
Markdown加粗文本:
这是**加粗**文本。
这也是__加粗__文本。
结果:
这是加粗文本。
这也是加粗文本。
通过使用单个星号*或单个下划线_来创建_斜体_文本。
Markdown斜体文本:
这是*斜体*文本。
这也是_斜体_文本。
结果:
使用双波浪线 ~~ 创建删除线文本。
Markdown删除线文本:
~~删除线~~
结果:
使用---、___或***创建水平分割线。
Markdown水平分割线:
---
结果:
若要使用星号符号,需要在前面加上反斜杠\。例如,以下示例会在输出中显示下划线和星号。
\_这是全部\*\*普通\*\*文本\_。
结果:
2. 引用文本
你可以使用大于号>字符创建块引用。
Markdown引用文本:
> 这是引用的文本。
结果:
这是引用的文本。
3. 代码
使用单个反引号 ` 标记单行代码,使用三个反引号 ` 标记代码块。
Markdown单行代码:
var first = 1;
var second = 2;
var sum = first + second;
4. HTML扩展
如果遇到Markdown不支持的HTML场景,可以在Markdown中直接内联使用HTML。
使用HTML的Markdown示例:
这里是<br />换行符
结果:
这里是
换行符
5. 标题
这些标题与HTML中的<h1>标签非常相似。
你也可以在标题下方放置一个等号=来表示一级标题,或使用连字符-表示二级标题。
# - 一级标题(最大)
## - 二级标题
### - 三级标题
#### - 四级标题
##### - 五级标题
###### - 六级标题(最小)
6. 列表
你可以定义有序或无序列表。通过缩进可以定义嵌套项。
- 有序列表以数字开头。
- 无序列表以连字符-、星号*或加号+开头。
Markdown无序列表:
- 第一项
- 嵌套项
- 第二项
- 第三项
Markdown有序列表:
- 第一项
- 第二项
- 第三项
7. 链接
通过将链接名称放在方括号[]中,然后紧挨着将实际链接放在圆括号()中来创建一个链接。
图片和网站链接的语法相似。
Markdown网站链接:
[Microsoft Learn](https://xxxx.com)
Markdown图片链接:
![链接一个图片](https://xxxxx)
markdown 语法变体
诸如_GitHub_等网站使用了Markdown的变体,使用户之间的讨论更加方便。当然这些变体语法还是基于 markdown 基本的语法进行扩展的,大体上不会差太多
小结
如你所见,Markdown的语法十分易于理解,掌握这些基础语法就足够你撰写出格式优美的文档。赶快尝试一下吧!
欢迎留言评论,大家一起探讨,一起进步~ 欢迎点赞、关注?、转发~
求关注~全年无休日更~ 求关注~
相关推荐
- 一篇文章认识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)