ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Markdown零基础小知识

2022-01-30 19:03:26  阅读:145  来源: 互联网

标签:Markdown 效果 代码 知识 基础 标题 空格 如图 列表


2022-01-30 18:50

Markdown语法基础篇

一.标题

文章最显著的东西便是标题。

word中需要在字体样式的选项卡中选择,而在支持markdown语法的编辑器(示例中我使用的是VS code)中几个#加一个空格便可解决。

如图代码所示2734987-20220130172955895-1170896692.png,它的效果:2734987-20220130173058682-276719025.png


为什么第二行和第三行标题大小不一样呢?

因为#的个数不同

当#的个数越多,标题字号越小(在VS code中最多只能识别到6个,当输入7个#时,会将#都输出去)

由于本篇文章使用的是Markdown编辑器,所以如下直观地显示标题的效果:

一级标题(一个#和一个空格后)

二级标题(两个#和一个空格)

三级标题(三个#和一个空格)

......

二.斜体与粗体

斜体:在文字前和后都加上一个*或者-即可:

代码如图:2734987-20220130180144788-1361862375.png,效果如图:2734987-20220130180225333-1803550404.png

粗体:在文字前和后都加上两个*或者-即可:

代码如图:2734987-20220130180451714-984383147.png,效果如图:2734987-20220130180525481-1396014467.png

三.删除线与下划线

删除线:在文字的前和后都加上两个~

(各种符号嵌套后)代码如图:2734987-20220130180926081-1758545037.png,效果如图:2734987-20220130180957241-470598753.png

下划线:在Markdown语法中没有专门用来表示下划线的符号,如果想要使用,可以利用html语言中的“<u>文字</u>”

代码如图:2734987-20220130181354941-585500477.png,效果如图:2734987-20220130181430747-1068610451.png

四.引用

引用:在文字前加上一个<

代码如图:2734987-20220130181831597-162055335.png,效果如图:2734987-20220130181855028-1465256087.png

引用也可以嵌套,只需增加<的个数即可(我还没有测试嵌套的上限,感兴趣的朋友可以自己尝试一下)

代码如图:2734987-20220130182110345-667087254.png,效果如图:2734987-20220130182139933-2046315981.png

五.分割线

分割线:三个*或-

代码如图:2734987-20220130182547240-1209035108.png,效果如图:2734987-20220130182616758-612127500.png

六.列表与数字列表

列表:输入-与空格即可,如有下层列表,则需先输入两个空格

代码如图:2734987-20220130183210599-1291518133.png,效果如图:2734987-20220130183242459-1056275070.png

数字列表:输入数字1和.和一个空格即可,编辑器会自动排出顺序,如有下层列表,则需先输入三个空格

代码如图:2734987-20220130183606222-1799373761.png,效果如图:2734987-20220130183630068-1299439865.png

七.添加超链接

直接输入网址或者在中括号中输入网址的简要名称,再跟上小括号,小括号中放入网址具体信息

代码如图:2734987-20220130183949720-1334494238.png,效果如图:2734987-20220130184009102-438703446.png

点击即可跳转至所需网站

八.添加代码

共有三种方式:

  1. 在代码前后分别加上一个反引号`
    代码如图:2734987-20220130184500696-1588604022.png,效果如图:2734987-20220130184524040-97498864.png

  2. (可指定语言)在代码片段后加上三个反引号`,在代码片段的上一行加上三个反引号`和指定语言的名称
    代码如图:2734987-20220130184622545-1089285287.png,效果如图:2734987-20220130184644707-114503141.png

  3. 在每一行代码前加一个制表符Tab(缺点:此法没有语法高亮)
    代码如图:2734987-20220130184708703-585871472.png,效果如图:2734987-20220130184727507-288401156.png

在过年的前一天写的第一篇文章,为了记录学习过程,也为了分享,如还需要其他操作,可前往进阶篇查看~

标签:Markdown,效果,代码,知识,基础,标题,空格,如图,列表
来源: https://blog.csdn.net/m0_57821767/article/details/122754945

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有