markdown入门学习总结教程(代码片段)

author author     2022-12-13     380

关键词:

Markdown的创始人是John Gruber,Markdown作为一种轻量级的「标记语言」,它使我们专心于码字,用「标记」语法,来代替常见的排版格式.


➢段落 一段内容当做一个段落来显示,则需要保证该段内容上方及下方至少各有一个空行(空行含义:某一行只包含空白便会被视为空行)


如何对段落进行换行? 不得不说段落这里是比较绕的哈,了解就行 1.使用两个以上空格键加上回车敲个回车键选择题提示:MarkDown中使用回车就可以进行段落的换行为错误说法 2.在段落后面使用一个空行来表示重新开始一个段落敲2个回车,第二个回车写内容代表另起一段 3.在第一行的末尾添加br标签进行换行,就会显示成两段内容添加br敲回车另起一段


强调说明: Markdown使用星号*和下划线_作为标记强调字词的符号.


斜体 在Markdown中,将内容用*或_包裹起来,包围的字词会被转成用标签包围,会显示成斜体 如果要在文字前后直接插入普通的星号可以用反斜杠\\ * 如果要在文字前后直接插入普通的_插入下划线\\ _ 注意符号连接在一起


粗体 用两个*或_包起来就会转换成粗体


删除线 使用两个 ~ 来给内容加上删除线,举例:这个内容是被删掉的


下划线 输入3个星号*或者hr标签


标题Markdown支持两种标题的语法Setext和atx形式


Setext形式是用底线的形式,利用= (一级标题)和- (二级标题),效果等同h1-h2 举例:注意事项Setext形式的标题至少需要3个以上的=或_才可以正常显示为标题样式

标题1
=====
标题2
-------

Atx形式标题,则是在行首插入1到6个#(最多支持6级标题)对应到h1-h6 举例:

# 标题1
## 标题2

➢链接 Markdown支持两种形式的链接语法:行内和参考形式链接.不管是哪一种,链接的文字都是用[方括号]来标记. 行内形式的链接 在方块括号后面接括号并插入网址链接即可,如果你还想要加上链接的alt提示文字,只要在网址后面,用双引号把alt文字包起来即可, 其格式为**内容** 例如个人博客


参考形式链接使用另外一个方括号接在链接文字的括号后面,而在第二个方括号里面要填入用以辨识链接的标签 可以使用[内容]:http_url@提示的形式添加一个超链接

学过Markdown参考形式图片更正下

可以使用参考样式的方式添加一个链接,其结构为 [内容][1] + [1]: http_url "alt 提示" 的组合


举例:

[鬼牛阿飞][wiki]

[wiki]: http://www.dhnblog.cn/ "鬼牛阿飞个人博客"

举例:

[鬼牛阿飞][]

[鬼牛阿飞]: http://www.dhnblog.cn/

图片

行内形式图片的语法格式为

![Alt text](/path/to/img.jpg "Optional title")

注释:刚把百度里面的图片复制修改下,在csdn内容编辑器提示为:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-S0buDZ6F-1670403330252)(/path/to/img.jpg "Optional title")]

参考形式图片的语法格式

![Alt text][id]

[id]: url/to/image  "Optional title attribute"

举例:


列表:Markdown支持有序列表、无序列表和任务列表 三种形式的列表 无序列表使用 * 、 + 或是 - 作为列表标记符号空格/文字

有序列表则使用小写数字接着一个英文句号数字.空格/文字

当在行首出现数字-句点-空白的内容时,Markdown 会将其当做一个列表进行展示,要避免这样的状况,可以在句点前面加上转义符 \\
1987. What a great season.
列表也可以进行嵌套或者与其他 Markdown 内容

任务列表的语法格式为 - [ ] text,其中 [ ] (带空格的中括号)表示未完成的任务,x 表示已经完成的任务 举例:

- [x] 起床
- [x] 吃饭
- [ ] 工作
- [ ] 睡觉

分隔线 可以在一行中用三个或以上的*、-、_来创建一个分隔线,行内不能有其他东西.你也可以在星号*中间插入空白


引用

Markdown 使用 email 形式的区块引用,我们在要引用内容每行的最前面加上 > ,就可以在 Markdown 文档中创建一个区块引用:

1.允许只在整个段落的第一行最前面加上 > 2.区块引用可以有级别(例如:引用内的引用),只要根据级别加上不同数量的 >

> Perl语言的发明人Larry Wall说,好的程序员有3种美德: 懒惰、急躁和傲慢(Laziness, Impatience and hubris).
>
> > 程序员有三种美德:懒惰,急躁和傲慢. —— **Larry Wall**
>
> 懒惰,会使得你花大力气去避免消耗过多的精力.它敦促你写出节省体力的程序,同时别人也能利用它们.为此你会写出完善的文档,以免别人问你太多问题.
急躁,当你发现计算机懒洋洋地不给出结果.于是你写出更优秀的代码,能尽快真正的解决问题.至少看上去是这样.
傲慢,极度的自信,使你有信心写出(或维护)别人挑不出毛病的程序.
>

3.引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码块等支持嵌套


代码块

行内代码的格式很简单,只需要使用两个 ` 将代码内容包裹起来即可


缩进显示代码一个代码块会一直持续到没有缩排的那一行(或是文档结尾) 缩排 4 个空白空格或是 1 个 tab 就可以

高亮显示代码段 除了缩进显示代码段之外,Markdown 还支持高亮显示的代码段,创建高亮显示的代码段时,将代码段由带有三个反引号( ```)的行围起来,并在第一个围栏的末尾标识上语言类型即可

	```javascript
	// A highlighted block
	var foo = bar;
	```
```javascript
// A highlighted block
var foo = bar;
```

当然也可以不指定语言类型如果```的这个并排显示,效果等于行内代码块``,不过测试题目中提示该语法不正确

	```
	echo "Hello"
	```
```
echo "Hello"
```

Diff 语法需要注意的是,如果差异内容中包 ,请确保使用反斜杠\\ 来转义每个反引号 ,否则差异突出显示将无法正确呈现.

	```diff
	var foo = bar;
	+ var x = 200;
	* var x = 100;
	```
```diff
var foo = bar;
+ var x = 200;
* var x = 100;
```

更正下如何转义?示例:

\\`

否则展示就是这样式的:Diff 语法需要注意的是,如果差异内容中包 ,请确保使用反斜杠\\ 来转义每个反引号 ,否则差异突出显示将无法正确呈现.

原本内容其实是:Diff 语法需要注意的是,如果差异内容中包 `,请确保使用反斜杠\\ 来转义每个反引号` ,否则差异突出显示将无法正确呈现.

➢表格

单元格展示为

|  |  |
|--|--|
|  |  |

举例为

header1 header2 header3
cell 4 cell 5 is longer sadasdas
dsasad asdsada cell 6 is much longer than the others, <br>but that’s ok. It will eventually wrap<br> the text when the cell is too<br> large for the display size.
cell7 cell9

代码为

| header1 | header2 |header3|
|---|---|---|
|cell 4 | cell 5 is longer |  sadasdas |
|dsasad  | asdsada | cell 6 is much longer than the others, <br>but that’s ok. It will eventually wrap<br> the text when the cell is too<br> large for the display size. |
|cell7||cell9|

语法要求

  1. 第一行包含表头,并用"竖线"( | )分隔
  2. 第二行将标题与单元格分开,并且必须包含三个或更多破折号
  3. 第三行以及随后的任何行均包含单元格值

注意事项

如何设置单元格内文本对齐方式?可以通过添加冒号:的形式指定每一列的文本对齐方式需要在在第二行添加 学习Markdown 这里的编辑预览没法展示,建议在CSDN内容编辑器查看操作下

  • :--: 两端都有冒号表示内容和标题栏居中对齐
  • :--- 左侧冒号表示内容和标题栏居左对齐
  • ---: 右侧冒号表示内容和标题栏居右对齐

markdown深度学习教程(代码片段)

查看详情

reactnative入门基础知识总结(代码片段)

...识有所了解。对于JS,可以看看阮一峰老师的《ECMAScript6入门》这篇文章。里面涉及很多ES6的新特性。我之前也是看了阮老师的文章做了一些学习笔记ES6学习笔记。 1、环境搭建环境搭建中文教程,点击跳转RN中文社 查看详情

我从入门到入坟python后总结的基础教程(代码片段)

...废话不多说,先上教程:《Python教程全套》完全入门版IT行业相对于一般传统行业,发展更新速度更快,一旦停止了学习,很快就会被行业所淘汰,但是,我们要清楚:淘汰的永远只是那些初级水平... 查看详情

markdown的入门教程,非常的使用(代码片段)

...的内容竟然没有图片,好气呦目录 概述简介官方文档Markdown编辑器初级语法标题粗体和斜体段落和换行分隔线引言列表无序列表有序列表代码行内代码块段落代码块链接网址链接图片链接指定图片宽高用图床获取外链进阶语... 查看详情

看完227篇大佬技术文,总结出一份flutter入门教程(代码片段)

本文致力于整理Flutter的入门的文章。作为自己学习Flutter的学习笔记。同时希望这篇文章能帮助小伙伴入门Flutter。Flutter简介如果你第一次接触Flutter,你应该从简介开始,在简介中你可以了解到Flutter是什么,有哪些优... 查看详情

markdown入门学习202004(代码片段)

Markdown入门学习202004标题#一级标题(井号后面有空格)##二级标题###三级标题......######最多到六级标题字体Hello,world!粗体语法:**Hello,world!**Hello,world!斜体语法:*Hello,world!*Hello,world!粗加斜语法:***Hello,world!***Hello,world!删除线语法:~~... 查看详情

我入门python后总结的基础教程(代码片段)

先唠叨几句学习Python有几周了,也写了2个小项目来解决自己的实际需求。简单记录一下,供自己备忘,也供后来者参考。0.0)我为什么选择Python我之前使用Swift+Vapor开发了iPic(图床工具)的后端服务,遇到很多问... 查看详情

markdown入门语法(代码片段)

Markdown初识Markdown是一种用来写作的轻量级==标记语言==,使用简洁的语法代替排版,而不用向Word那样需要使用大量的时间来排版,让我们可以专心码字而不受其他影响。Markdown的语法简洁明了、学习容易,而且功能比纯文本更强... 查看详情

springboot学习总结(代码片段)

...的知识,于是照着SpringBoot官网上的英文教程开始helloworld入门,踩到几个小坑,记录下学习流程。SpringBoot有哪些优点SpringBoot可以帮助我们快速搭建应用,自动装配缺失的bean,使我们把更多的精力集中在业务开发上而不是基础框... 查看详情

微软开源的机器学习入门课程(代码片段)

导读微软开源的ML-For-Beginners入门机器学习的课程目前在GitHub上已经有将近15k颗星。课程是专门针对机器学习的入门教程,一共包含了12周24节课程,主要是基于Scikit-learn来介绍的。课程介绍每节课程主要包含了以下几个内... 查看详情

css入门教程——总结(代码片段)

如果把前面5篇教程所提到的HTML选择器综合起来使用,就会的到如下CSS文件。bodyfont-family:arial,helvetica,sans-serif;font-size:14px;color:black;background-color:#ffc;margin:20px;padding:0;/*Thisisacomment,bytheway*/pline-height: 查看详情

css入门教程——总结(代码片段)

如果把前面5篇教程所提到的HTML选择器综合起来使用,就会的到如下CSS文件。bodyfont-family:arial,helvetica,sans-serif;font-size:14px;color:black;background-color:#ffc;margin:20px;padding:0;/*Thisisacomment,bytheway*/pline-height: 查看详情

pythonmap函数-python零基础入门教程(代码片段)

...欢零基础Python学习路线推荐:Python学习目录>>Python基础入门一.前言截至到目前为止,其实我们已经接触了不少的Python内置函数,而map函数也是其中之一, 查看详情

markdown基本语法总结(代码片段)

 简单描述Markdown是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown的语法十分简单。常用的标记符号也不超过十个,这... 查看详情

我从入门到入坟python后总结的基础教程(代码片段)

...废话不多说,先上教程:《Python教程全套》完全入门版IT行业相对于一般传统行业,发展更新速度更快,一旦停止了学习,很快就会被行业所淘汰,但是,我们要清楚:淘汰的永远只是那些初级水平... 查看详情

pytorch入门教程(代码片段)

Pytorch学习总结:Pytorch学习笔记总结_大数据与人工智能技术分享-CSDN博客Pytorch实战总结:pytorch实战教学(一篇管够)B站深度学习Pytorch实战总结1.张量Tensor张量是一种特殊的数据结构,与数组和矩阵非常相似。在PyTo... 查看详情

资深程序员的metal入门教程总结(代码片段)

...l和MetalShaderLanguage,以及Metal和OpenGLES的差异性,也是实现入门教程的心得总结。一、MetalMetal是一个和OpenGLES类似的面向底层的图形编程接口,可以直接操作GPU;支持iOS和OSX,提供图形渲染和通用计算能力。(不支持模拟器)图片... 查看详情

python入门知识点总结(代码片段)

心态准备编程是一门技术,也可以说是一门手艺。如同书法、绘画、乐器、雕刻等,技艺纯熟的背后肯定付出了长时间的反复练习。编程的世界浩瀚无边,请保持一课敬畏的心态去学习,认真对待写下的每一行代码,甚至每一个... 查看详情