Markdown语法简介

三级标题

四级标题
五级标题
六级标题

2. 用=和-标记

标题底下加上任意个 = 代表一级标题,- 代表二级标题

一级标题

======

二级标题


展示效果:

一级标题

====

二级标题



粗体和斜体

两个 * 或 _ 代表加粗,一个 * 或 _ 代表斜体,~~代表删除。

这是加粗文本 或者 这是加粗文本

这是斜体文本 或者 这是斜体文本

这是加粗斜体 或者 这是加粗斜体

这是删除文本

展示效果:

这是加粗文本 或者 这是加粗文本

这是斜体文本 或者 这是斜体文本

这是加粗斜体 或者 这是加粗斜体

这是删除文本


列表

1. 无序列表

无序列表使用 *,+,- 来表示

  • Red

  • Green

  • Blue

  • Red

  • Green

  • Blue

  • Red

  • Green

  • Blue

展示效果:

  • Red

  • Green

  • Blue


2. 有序列表

有序列表使用数字后面加英文句号表示。

  1. Red

  2. Green

  3. Blue

展示效果:

1. Red

2. Green

3. Blue

这里有个地方要注意,在列表标记上使用的数字并不会影响输出的 HTML 结果,上面的列表所产生的 HTML 标记为:

    • Red
    • Green
    • Blue
    • 如果你的列表标记写成:

      1. Bird

      2. McHale

      3. Parish

      或者甚至是:

      1. Bird

      2. McHale

      3. Parish

      你都会得到完全相同的 HTML输出。如果你懒一点,你可以完全不用在意数字的正确性,但最好还是从1开始保持一致。


      3. 列表缩进

      列表项目标记通常是放在最左边,但是其实也可以缩进,最多3个空格,项目标记后面则一定要接着至少一个空格或制表符。

      要让列表看起来更漂亮,你可以把内容用固定的缩进整理好:

      • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

      Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,

      viverra nec, fringilla in, laoreet vitae, risus.

      • Donec sit amet nisl. Aliquam semper ipsum sit amet velit.

      Suspendisse id sem consectetuer libero luctus adipiscing.

      但是如果你比较懒,你可以这样:

      • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

      Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,

      viverra nec, fringilla in, laoreet vitae, risus.

      • Donec sit amet nisl. Aliquam semper ipsum sit amet velit.

      Suspendisse id sem consectetuer libero luctus adipiscing.

      展示效果都是一样的:

      • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

      Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,

      viverra nec, fringilla in, laoreet vitae, risus.

      • Donec sit amet nisl. Aliquam semper ipsum sit amet velit.

      Suspendisse id sem consectetuer libero luctus adipiscing.

      列表项目可以包含多个段落,每个项目下的段落都必须缩进 4 个空格或是 1 个制表符(显示效果与代码一致):

      1. This is a list item with two paragraphs. Lorem ipsum dolor

      sit amet, consectetuer adipiscing elit. Aliquam hendrerit

      mi posuere lectus.

      Vestibulum enim wisi, viverra nec, fringilla in, laoreet

      vitae, risus. Donec sit amet nisl. Aliquam semper ipsum

      sit amet velit.

      1. Suspendisse id sem consectetuer libero luctus adipiscing.

      如果你每行都有缩进,看起来会看好很多,当然,如果你很懒惰,Markdown 也允许你这样做:

      • This is a list item with two paragraphs.

      This is the second paragraph in the list item. You’re

      only required to indent the first line. Lorem ipsum dolor

      sit amet, consectetuer adipiscing elit.

      • Another item in the same list.

      展示效果:

      • This is a list item with two paragraphs.

      This is the second paragraph in the list item. You’re

      only required to indent the first line. Lorem ipsum dolor

      sit amet, consectetuer adipiscing elit.

      • Another item in the same list.

      4. 包含引用的列表

      如果要在列表项目内放进引用,那 > 就需要缩进:

      • 阅读的方法:

      打开书本。

      打开电灯。

      展示效果:

      • 阅读的方法:

      打开书本。

      打开电灯。

      如果要放代码区块的话,该区块就需要缩进两次,也就是 8 个空格或是 2 个制表符:

      • 一列表项包含一个列表区块:

      <代码写在这>

      当然,项目列表很可能会不小心产生,像是下面这样的写法:

      1. What a great season.

      会展示为:

      1. What a great season.

      换句话说,也就是在行首出现数字-句点-空白,要避免这样的状况,你可以在句点前面加上反斜杠。

      1986. What a great season.


      分隔线

      你可以在一行中用三个以上的 * 或者 - 或者 _ 来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:






      展示效果:






      也可以使用html标记<hr>做分割线


      引用

      引用需要在被引用的文本前加上>符号。

      This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,

      consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.

      Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

      Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse

      id sem consectetuer libero luctus adipiscing.

      Markdown 也允许你偷懒只在整个段落的第一行最前面加上 > :

      This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,

      consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.

      Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

      Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse

      id sem consectetuer libero luctus adipiscing.

      展示效果:

      This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,

      consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.

      Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

      Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse

      id sem consectetuer libero luctus adipiscing.

      引用内也可以多层嵌套(引用内的引用),只要根据层次加上不同数量的 > :

      请问 Markdwon 怎么用? - 小白

      自己看教程! - 愤青

      教程在哪? - 小白

      展示效果:

      请问 Markdwon 怎么用? - 小白

      自己看教程! - 愤青

      教程在哪? - 小白

      引用的区块内也可以使用其他的 Markdown语法,包括标题、列表、代码区块等:

      这是一个标题。

      1. 这是第一行列表项。
      1. 这是第二行列表项。

      给出一些例子代码:

      return shell_exec("echo $input | $markdown_script");
      

      展示效果:

      这是一个标题。


      1. 这是第一行列表项。
      1. 这是第二行列表项。

      给出一些例子代码:

      return shell_exec(“echo $input | $markdown_script”);


      换行

      在行尾添加两个空格加回车表示换行:

      这是一行后面加两个空格 换行

      效果如下:

      这是一行后面加两个空格

      换行

      也可以使用html标记<br/>标签换行


      插入图片与链接

      1. 图片

      图片与链接的语法很像,区别在一个 ! 号。二者格式:

      图片:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](图片地址)

      链接: 链接文本

      例如展示图片:

      考拉

      注意前面的!是英文的!

      []内是描述文本,描述文本不会显示出来,()内是图片链接

      展示效果:

      考拉

      目前Markdown只能插入在线的图片地址, 可以利用第三方图床生成图片外链或者将图片上传到github也能获取到图片外链,这里推荐一个sm.ms可以很方便的生成图片外链,另外CSDN发表博客的markdown编辑页面也提供了上传图片功能。

      到目前为止, Markdown还没有办法指定图片的宽高,如果你需要的话,你可以使用普通的html标签<img> 来设置。 例如:

      展示效果:


      2. 链接

      形式为:[链接文字](链接地址 “链接标题”)

      链接地址与链接标题间有一个空格。

      举例:

      程序猿最喜欢的网站是Gayhub!!!

      []里写链接文字,()里写链接地址, ()中的”“中可以为链接指定title属性,title属性可加可不加。title属性的效果是鼠标悬停在链接上会出现指定的 title文字。

      展示效果:

      程序猿最喜欢的网站是Gayhub!!!

      链接又分为行内式参考式自动链接

      行内式

      行内式就是像上面那样,链接直接写在()里面:

      点击访问百度

      展示效果:

      点击访问百度

      参考式

      参考式一般用在学术论文上面,或者某一个链接在文章中多处使用的情况

      参考式链接分为两部分:

      [链接文字][链接标记]

      然后在文本的任意位置添加:

      [链接标记]:链接地址 “链接标题”

      链接地址与链接标题间有一个空格。

      如果链接文字本身可以做为链接标记,你也可以写成

      [链接文字][]

      [链接文字]:链接地址

      这样的形式

      举例:

      程序猿最爱去的几个网站:[Github][1],[CSDN][2],[百度][3],[Google][4],[StackoverFlow][5],推荐一个不错的笔记:[印象笔记][6],[印象笔记][6]可以在PC和手机端同时操作,[Segmentfault][]是一个不错的问答网站。

      [1]:https://www.github.com “Github” [2]:http://blog.csdn.net/ “CSDN” [3]:http://www.baidu.com “百度” [4]:http://www.google.com “Google” [5]:https://stackoverflow.com/ “Stack Overflow” [6]:https://www.yinxiang.com/ “印象笔记” [Segmentfault]:https://segmentfault.com/ “Segmentfault”

      展示效果:

      程序猿最爱去的几个网站:GithubCSDN百度GoogleStackoverFlow,推荐一个不错的笔记:印象笔记印象笔记可以在PC和手机端同时操作,Segmentfault是一个不错的问答网站。

      自动链接

      自动链接很简单,将链接用<>括起来就可以

      例:

      这是一个自动链接:https://developer.android.google.cn/index.html

      展示效果:

      这是一个自动链接:https://developer.android.google.cn/index.html


      代码块

      如要插入代码块,可以使用4个空格或者Tap键缩进,或者以三个 ` 符合开始,并以三个 ` 结束即可

      ` ` `

      <我是代码>

      ` ` `

      如果要支持代码块语法高亮,在“`后面加上你的代码所属编程语言类型即可

      ` ` ` 语言类型

      <我是代码>

      ` ` `

      例:

      protected void onCreate(Bundle savedInstanceState) {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

      }

      注意“`跟语言类型之间有一个空格

      展示效果:

      protected void onCreate(Bundle savedInstanceState) {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

      }

      如果要在行内插入一句代码,可以使用`code`这样的形式插入:

      C语言里的函数 scanf() 怎么使用?

      展示效果:

      C语言里的函数 scanf() 怎么使用?

      在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体,这样的方式让你非常容易的使用 Markdown 插入 HTML 标记效果,只需要复制贴上,剩下的 Markdown 都会帮你处理,例如:

      值班统计表:
      值班人员 星期一 星期二 星期三 李强 张明 王平

      展示效果:

      值班统计表:

      最后

      考虑到文章的篇幅问题,我把这些问题和答案以及我多年面试所遇到的问题和一些面试资料做成了PDF文档

      喜欢的朋友可以关注、转发、点赞 感谢!
      《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!
      {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

      }

      注意“`跟语言类型之间有一个空格

      展示效果:

      protected void onCreate(Bundle savedInstanceState) {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

      }

      如果要在行内插入一句代码,可以使用`code`这样的形式插入:

      C语言里的函数 scanf() 怎么使用?

      展示效果:

      C语言里的函数 scanf() 怎么使用?

      在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体,这样的方式让你非常容易的使用 Markdown 插入 HTML 标记效果,只需要复制贴上,剩下的 Markdown 都会帮你处理,例如:

      值班统计表:
      值班人员 星期一 星期二 星期三 李强 张明 王平

      展示效果:

      值班统计表:

      最后

      考虑到文章的篇幅问题,我把这些问题和答案以及我多年面试所遇到的问题和一些面试资料做成了PDF文档

      [外链图片转存中…(img-792joSVr-1715724229417)]

      [外链图片转存中…(img-SIYjVD9y-1715724229419)]

      喜欢的朋友可以关注、转发、点赞 感谢!
      《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!

    • 8
      点赞
    • 17
      收藏
      觉得还不错? 一键收藏
    • 0
      评论

    “相关推荐”对你有帮助么?

    • 非常没帮助
    • 没帮助
    • 一般
    • 有帮助
    • 非常有帮助
    提交
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值