开发小白的手册

如何使用markDown写笔记

2018-04-20  本文已影响6人  上玄月_lxl

目录

(注:本文编写工具为有道笔记,部分内容本地生效,这里没有生效)

第一部分——标题

类似小说中的章节,书中的段落一样,markdown将文字标题分为6种形态,当你需要一种标题样式的时候,只需要在文字前加入一 个# 就可以了(注意哦,#和标题之间是有一个空格的),它们之间的对应关系如下:

        1    ——>    6
        # 大  ——>   ###### 小
        #    ——>   ######
image.png

第二部分——内容

1、内容--代码高亮

  1. 在需要高亮的部分开头和结尾分别输入```就可以了(输入了很多,是为了测试换行),如下:
我没有主动换行输入,所以你可以拖动:dsd大大大大大ddddddddddfdfadfadfasdfasdfasdfasdfasdfadfasdfadfadfasdfadsfasdfadfadfadfadfaf
我主动换行!
  1. 方法2:在文字前面输入4个空格或者2个制表符,markdown语法会自动转换的。这个代码块会一直持续到没有缩进的哪一行(注意哦,下面那行代码需要和这一行添加一个换行)

     这是2个制表符的代码高亮
    
  2. 在文字之间<code>添加高亮</code>(有道笔记生效)

     <code>高亮内容</code>
    
image.png
  1. 粗体斜体 粗体是在文字前后添加两个* 而斜体是在文字前后添加一个注意,这里文字和星星之间是没有空格的。

     **粗体**
     *斜体*
    

2、引用

  1. 引用的格式是在开头加上 > 即可,效果如下:

没有什么是一顿烧烤解决不了的,如果有,那就两顿——尼古拉斯·赵四

  1. 链接的引用
    点击进入百度

       [点击进入百度](http://www.baidu.com)
    
  2. 图片的引用

image.png

第三部分——目录跳转 (有道笔记生效)

目录使用的语法 * [1.0标题] (#1.0)
跳转对应 尖括号 span id="1.0" /尖括号

标题:
* [1.0标题] (#1.0)

文章对应标记:
<span id="1.0" />

第四部分——简单画图(有道笔记生效)

如解释标题的视图,代码如下(下图):

```
    graph LR
    标题1-->标题6
 ```
image.png

第五部分——表格

插入一个表格代码示例:

标题1 标题2
第一行1 第一行2
第二行1 第二行2
标题1   | 标题2
-       |  -
第一行1 | 第一行2
第二行1 | 第二行2

第六部分——补充

1、插入一条分行符是3个星号,效果:


    ***

2、同理使用h5的标签 < hr > 也可以实现,效果:


      <hr>

3、空格使用 & nbsp; 或者& emsp; 来写,区别可以自己尝试(记得自己删掉&后面的空格哦)

4、<font color="red"> 文字 </font>颜色 (有道笔记生效)

<font color="red"> 文字 </font>

5、字体<font size=30>大</font>了(有道笔记生效)

<font size=30>大</font>

6、换行符号(有道笔记生效)

<br />

7、html的注释

上面也有同样一行哦,只是你看不到~
<!--abc-->
image.png

 
 

个人结语:markDown对书写出的文章排版样式是很棒的,但是对图片的插入不是很友好。对于会一点点h5的同学来说上手应该会很快,毕竟这些功能和h5很相似的。

上一篇 下一篇

猜你喜欢

热点阅读