Markdown编辑器学习

前言:由于在使用富文本时有许多的局限性,为了更好的更自由的编辑文本内容,找时间学习了下Markdown编辑器的一些常用的语法,对简书官方的Markdown编辑器进行了总结,方便自己的查阅以及记忆,开始了


Markdown 的优点:
纯文本,所以兼容性极强,可以用所有文本编辑器打开。
让你专注于文字而不是排版。
格式转换方便,Markdown 的文本你可以轻松转换为 html、电子书等。
Markdown 的标记语法有极好的可读性。

1. 标题

一共六个级别的标题,在标题前加#表示,一个#是一级,两个#是两级,依次类推,最多六个#,是六级

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

2. 列表

无序列表:文本前加 -

  • 文本
  • 文本
  • 文本

有序列表:文本前加 序号.

  1. 文本
  2. 文本
  3. 文本

注:-、1.和文本之间要保留一个字符的空格。

3. 链接和图片

链接:
链接地址代码

图片:
图片链接地址代码

注:插入图片的语法和链接的语法很像,只是前面多了一个 !。

4. 引用:

在你希望引用的文字前面加上 > 就好了

这是一句引用

注:> 和文本之间要保留一个字符的空格。前面不能有其他字符

5. 粗体和斜体

斜体是用一个 * 包含一段文本,粗体是用两个 * 包含一段文本

斜体

粗体

6. 代码引用

代码引用

引用的语句只有一段,不分行,可以用 ` 将语句包起来

Hello World

多行代码引用

如果引用的语句为多行,可以将 ``` 置于这段代码的首行和末行

第一行代码
第二行代码
第三行代码

7. 表格

用 |文本| 表示一个表格;
用|-|放在一个表格的下一行表示这个表格是列首

最对齐第一列 居中对齐第二列 右对齐第三列
第一行 第一行 第一行
第二行 第二行 第二行
第三行 第三行 第三行

8. 显示链接中带括号的图片

链接中带括号的图片无法用图片地址链接的代码实现,会出现以下情况:
![][1]
[1]: http://latex.codecogs.com/gif.latex?\prod%20(n_{i})+1

所以我们采用此方法:在括号前加上 \ 取消转义

代码如下:

9. 分割线

你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:


参考简书文章:
献给写作者的 Markdown 新手指南


最后:通过简书的这篇文章学习了Markdown编辑器的常用语法,希望可以通过使用Markdown编辑器让我的编辑文本更加自由,加油!!!

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

友情链接更多精彩内容