百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

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有序列表:

  1. 第一项
  2. 第二项
  3. 第三项

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...

取消回复欢迎 发表评论: