博客列表 >MarkDown一个新学会的技能

MarkDown一个新学会的技能

白鸽
白鸽原创
2022年10月14日 12:43:35389浏览

我的Markdown笔记

Markdown 是我今天接触到的新知识,他是用一些简单的文本格式来格式文档,感觉不用鼠标点来点去就能编辑出一篇丰富的文档。而且还可以转换为html, pdf 等格式。

刚开始编写的md文档,没有预览,需要打开侧边栏的预览,
Ctrl+Shift+P 键打开vs code 命令行
输入: Markdown: Open Preview to the Side
这样就打开了侧边预览界面
好了,下边开始练习吧

1. 标题

# 这样行的开头一个#号后边跟一个空格就是h1最大的标题,一个文档只能有一个h1标题,要是单独输出这个#号可以使用\反斜线进行转义输出。试一下

## h2,原版输出了 ##

这个是h2标题开头两个

这个是h3,咦,预览窗口没有转换成h3标题,原因是三个#号后面没有跟随一个空格,下边在来一个h3

这里是h3

这里是h4

这里是h5
这里是h6
# 有没有h7呢,看预览情况是没有的,对应html里面的六个标题,h5,h6,显示起来已经很小了。

2. 字体修饰

-—-这样连续输入三个中横线就输出了一个分割线,类似html中的 <hr>标签。


斜体字一个*号括起来的是斜体字,在这里敲两个连续的空格下边的粗体字就另起一行了,相当于是段落吧。

斜体字吗粗体字才对 两个星号*括起来的是是粗体字

一个下划线括起来也是斜体
连个下划线括起来的是粗体

* _ 星号,下划线都可以标记斜体和粗体,这样也可以使用斜体粗体组合

这里使用了一组星号一组下划线括了起来
这里使用了一组星号,两组下划线括了起来变成了粗体加斜体

一组波浪线 左右两个波浪线~~内容~~这样是删除线


3. 有序列表和无序列表

下边学习有序列表和无序列表

1.abc
2.ccc
3.ddd
看起来没有显示成列表,好像是行尾没有敲连个空格。再试试

1.abc
2.bbb
3.ccc
4.ddd
这样数字加上点字符 就可以组合成有序列表,行尾要加两个空格

一个星号的无序列表 一个星号的无序列表,咦,没有显示成无序列表,原因是星号后面缺少空格,重新试试

  • 一个星号一个空格
  • 一个星号一个空格
  • 一个星号一个空格
  • 一个星号一个空格

这个无序类别看起来和上边的无序列表不一样啊, 看起来有序列表也应该加一个空格,试试吧

  1. 数字一点子符空格
  2. 数字2点子符空格
  3. 数字三点字符空格列表名称俩空格

嵌套试试

  1. 有序列表
  • 无序列表
  • 无序列表
  1. 有序列表
  • 无序列表
  • 无序列表
  1. 有序列表
  • 无序列表
  • 无序列表

以上没有显示出层级来,哪里有问题呢?
百度以后显示应该在次一级的地方加两个或四个空格,试试。

  1. 有序列表
    • 星号开头无序列表
    • 无序列表
  2. 有序列表
    • 无序列表
    • 无序列表
  3. 有序列表
    • 无序列表
    • 无序列表
      • 加好无序列表
      • 加号无序列表
        -减号无序列表
        -减号无序列表

上边的无序列表看起来层级什么的都可以了,就是字体较小,
返回看了老师的视频, 朱老师是和标题标记一块使用的 ,我也试试

1. 有序列表h2

  1. * 看起来和想的不一样。

2. 有序列表

3. 有序列表

  1. + 看来这个方式不行,可以试试 先序列后标题的方式
  1. h2标题前面的列表数字1没有成为标题字号

  2. h2标题

  3. h2标题

    • h3标题

    • h3标题

      • h4

      • h4


4. 引用

这个一个引用
引用
引用
引用
引用
引用
引用
还是一个引用
引用
引用
引用 引用 引用
引用怎么结束呢

连续两个空行就结束了引用

有一个引用
有一个引用
有一个引用
有一个引用上一行换行又起一行两个空格
有一个引用,两个空格
又一个引用

第二层引用
第二层引用 第二层引用
第二层引用

第三层引用

空一行结束引用
引用和列表可以混合使用

  1. 有序列表
    • 引用无序列表
      • 引用无序列表
      • 引用无序列表排序不齐了
    • 前边加上引用符合又排齐了。

引用结束


5. 代码

echo "引用代码单行引用";

  1. function myfun(){
  2. return echo "多行代码引用";
  3. }

6. 表格

序号 b c d
1 aa bb cc
2 aaa bbb ccc
3 aaaa bbbb cccc

空一行,表格结束了


7. 链接

我的网站 http://localhost


8. 图片

我的网站logo

9. 分隔符


连续的三个横中线


10. 段落

段落在行末尾加两个空格

加两个空行另起一个段落

总结

基本学会了md文档的写法,但是显示效果看起来和朱老师的差异很大,比如 列表的字体的大小,表格的样式,看起来都不一样呢。请老师批改指导。

咦,作业贴过来后,发现表格样式变了,和 vs Code里的格式不一样了。

重新试试分隔符


三个减号预览可以看见


三个下划线 也可以预览

不知道提交上去可以显示吗?

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议
白鸽2022-10-14 12:39:221楼
提交上来后<hr>分界线没有显示了。试试修改一下去。