如何使用markDown写笔记

目录

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

第一部分——标题

类似小说中的章节,书中的段落一样,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. 图片的引用

百度图片
百度图片
    ![百度图片](https://www.baidu.com/img/baidu_jgylogo3.gif)
  1. 百度结果如下,但是我还没有用mac实现出来。后续会补充(为知笔记可以实现粘贴图片功能)

本地图片 ![文本] (绝对或相对路径)

5.另外,使用h5语法也是可行的,如下语法为img标签(有道笔记生效)

  <img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="123"/>
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很相似的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容