博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Markdown入门2-标题、引用、列表、代码、分隔线
阅读量:2504 次
发布时间:2019-05-11

本文共 5840 字,大约阅读时间需要 19 分钟。

区块元素

网上推荐了很多撰写Markdown文件的软件,根据个人爱好可以自己去选一款,小编觉得选哪个都差不多,能出来效果就行呗。以下相关代码测试小编是在有道云笔记上进行的,我会把代码贴出来方便大家演练。

1、标题

Markdown 支持两种标题的语法,类 和类 atx 形式。

  • 类 Setext 形式是用底线的形式,利用 = (最高阶标题)和 - (第二阶标题),例如:

    This is an H1      =============      This is an H2      -------------

类 Setext形式标题

任何数量的 = 和 - 都可以有效果,最好三个及以上,比较直观。

  • 类 Atx 形式则是在行首插入 1 到 6 个 # ,对应到标题 1 到 6 阶,例如:

    # H1标题  ## H2标题  ### H3标题  #### H4标题  ##### H5标题  ###### H6标题

输入图片说明

#后面需要后加一个空格

你可以选择性地「闭合」类 atx 样式的标题,这纯粹只是美观用的,若是觉得这样看起来比较舒适,你就可以在行尾加上 #,而行尾的 # 数量也不用和开头一样(行首的井字符数量决定标题的阶数):

# 这是 H1 #    ## 这是 H2 ##    ### 这是 H3 ######

2、区块引用Blockquotes

  • 你可以在每行的最前面加上 >

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

输入图片说明

  • 区块引用可以嵌套,只要根据层次加上不同数量的 >

    This is the first level of quoting.  >  > > This is nested blockquote.  >  > Back to the first level.

输入图片说明

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

    > ## 这是一个标题。  >   > 1.   这是第一行列表项。  > 2.   这是第二行列表项。  >   > 给出一些例子代码:  >   >     return shell_exec("echo $input | $markdown_script");

输入图片说明

3、列表

Markdown 支持有序列表和无序列表,暂时还不支持多级列表。

  • 无序列表使用星号、加号或是减号作为列表标记

    *   Red  *   Green  *   Blue

输入图片说明

等同于:

+   Red    +   Green    +   Blue

输入图片说明

也等同于:

-   Red    -   Green    -   Blue

输入图片说明

  • 有序列表则使用数字接着一个英文句点:

    1.  Bird  2.  McHale  3.  Parish

很重要的一点是,你在列表标记上使用的数字并不会影响输出的 HTML 结果,上面的列表所产生的 HTML 标记为:

  1. Bird
  2. McHale
  3. Parish

如果你的列表标记写成:

1.  Bird    1.  McHale    1.  Parish

或甚至是:

3. Bird    1. McHale    8. Parish

你都会得到完全相同的 HTML 输出。

如果你不按数字的顺序书写,建议第一个项目最好还是从 1. 开始,因为 Markdown 未来可能会支持有序列表的 start 属性。
列表项目标记通常是放在最左边,但是其实也可以缩进,最多 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.

输入图片说明

如果列表项目间用空行分开,在输出 HTML 时 Markdown 就会将项目内容用 <p>标签包起来,举例来说:

*   Bird    *   Magic

会被转换为:

  • Bird
  • Magic

但是这个:

*   Bird*   Magic

会被转换为:

  • Bird

  • Magic

列表项目可以包含多个段落,每个项目下的段落都必须缩进 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.    2.  Suspendisse id sem consectetuer libero luctus adipiscing.

你也可以写成

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

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

*   A list item with a blockquote:        > This is a blockquote        > inside a list item.

输入图片说明

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

*   一列表项包含一个列表区块:            
<代码写在这>

输入图片说明

如果你不小心写成这样:

- 1986. What a great season.

输入图片说明

这样就会出错,这种情况下你可以在句点前面加上反斜杠:

- 1986\. What a great season.

输入图片说明

4、代码区块

用反引号来控制

`` ```
锄禾日当午
汗滴禾下土
谁知盘中餐
粒粒皆辛苦

![这里写图片描述](https://img-blog.csdn.net/20180514192423307?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N1aXNoaXp1bg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)用缩进 4 个空格或是 1 个制表符(tab)来控制	这是一个制表符:    这是4个空格。 ![这里写图片描述](https://img-blog.csdn.net/20180514192324859?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N1aXNoaXp1bg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)这个每行一阶的缩进(4 个空格或是 1 个制表符),都会被移除        Here is an example of AppleScript:            tell application "Foo"                beep            end tell![输入图片说明](https://static.oschina.net/uploads/img/201805/14002408_E0z4.png "在这里输入图片标题")  会被转换为:        

Here is an example of AppleScript:

tell application "Foo"            beep        end tell        
一个代码区块会一直持续到没有缩进的那一行(或是文件结尾)。 在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体
![输入图片说明](https://static.oschina.net/uploads/img/201805/14002908_TsYE.png "在这里输入图片标题") 会被转换为:
<div class="footer">            &copy; 2004 Foo Corporation        </div>        
### 5、分隔线你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。 * * * *** ***** - - - ---------------------------------------![输入图片说明](https://static.oschina.net/uploads/img/201805/14003123_UTmO.png "在这里输入图片标题")## 相关链接1、[程序员分类目录导航](https://blog.csdn.net/cuishizun/article/details/80308147) 2、[Markdown入门1](https://blog.csdn.net/cuishizun/article/details/80307546)3、[Markdown入门3](https://blog.csdn.net/cuishizun/article/details/80310857)4、[Markdown入门4](https://blog.csdn.net/cuishizun/article/details/80311673)5、[Markdown入门5](https://blog.csdn.net/cuishizun/article/details/80340732)6、[Markdown入门6](https://blog.csdn.net/cuishizun/article/details/80340990)7、[Markdown入门7](https://blog.csdn.net/cuishizun/article/details/80342072)8、[Markdown入门8](https://blog.csdn.net/cuishizun/article/details/80352901)
你可能感兴趣的文章
这段时间的小结
查看>>
ANDROID_MARS学习笔记_S01原始版_021_MP3PLAYER001_下载mp3文件
查看>>
8个基本的引导工具的网页设计师
查看>>
第二周周六DailyReporting——PM(李忠)
查看>>
Beta阶段DAY3
查看>>
windows server 2008 R2 NPS(网络连接策略服务)设置radius,实现telent登陆交换机路由器权限分配...
查看>>
Java中静态变量和动态变量
查看>>
vim的visual可视模式(转载)
查看>>
ASP.NET MVC 学习笔记-6.异步控制器
查看>>
java_赋值与初始化
查看>>
函数如何调用?
查看>>
3.2.2 线性表的顺序存储实现
查看>>
TP框架 ---空控制器和空操作
查看>>
poj 1845 Sumdiv (等比求和+逆元)
查看>>
iView 的后台管理系统简易模板 iview-admin-simple
查看>>
写一个自己的搜索引擎(1)
查看>>
NGINX、PHP-FPM开机自动启动
查看>>
python 递归求阶乘
查看>>
ERROR: child process failed, exited with error number 100
查看>>
Java计算器源代码
查看>>