Blogger Information
Blog 12
fans 0
comment 2
visits 6280
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
MarkDown一个新学会的技能
白鸽
Original
397 people have browsed it

我的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里的格式不一样了。

重新试试分隔符


三个减号预览可以看见


三个下划线 也可以预览

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

Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:很好,继续加油,态度很认真
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
1 comments
白鸽 2022-10-14 12:39:22
提交上来后<hr>分界线没有显示了。试试修改一下去。
1 floor
Author's latest blog post