Markdown是轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。

Markdown可以导出HTML 、Word、图像、PDF、Epub 等多种格式的文档。

后缀为.md或者.markdown

使用的编辑器是Typora,下载地址:https://typora.io/

总结以下:标题、列表、段落、区块、代码、链接、图片、表格、一些高级操作

1、标题

# hello

## hello

### hello

效果:

一个#表示一级标题,两个#表示二级标题,三个#表示三级标题......

#和标题之间要打一个空格

2、段落

Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车。

3、字体

*斜体*

_斜体_

**粗体**

__粗体__

***粗斜体***

___粗斜体___

效果:

4、分割线

***

*****

效果:

5、删除线

~~www.baidu.com~~

6、下划线

<u>下划线</u>

效果:

7、脚注

创建脚注[^脚注]

[^脚注]:这个是脚注

效果:

8、列表

星号* 加号+减号 -三者作用效果一样

* 第一条

* 第二条

* 第三条

效果:

打出星号*后,按下空格即可

9、列表与列表嵌套

* 第一条

  * 第一条的嵌套

*第二条

  * 第二条的嵌套

效果:

在嵌套的时候,也可以直接按下Tab键即可嵌套。

10、区块

> 区块1

按下>,再按下空格键即可

11、区块嵌套

> 区块1

> > 区块1.1

效果:

12、区块中带列表

> 区块1

> * 第一项

效果:

13、代码

①代码区块使用 4 个空格或者一个制表符(Tab 键)

②你也可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定)

14、链接

①[链接名称](链接地址)

比如:[百度](www.baidu.com)

②<www.baidu.com>

③[百度][1]

[1]:www.baidu.com

15、图片

![alt 属性文本](图片地址)

![alt 属性文本](图片地址"可选标题")

比如:

![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)

也可以:

![RUNOOB 图标][1]

[1]:http://static.runoob.com/images/runoob-logo.png

结果一样

改变图片大小:

<img src="http://static.runoob.com/images/runoob-logo.png" width="100%">

16、表格

|表头|表头|

17、高级操作

①Markdown支持HTML元素

<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

②转义

显示特殊符号如星号*,减号-,感叹号!...等等,只需要在前面加一个反斜杠,特殊的符号就成了普通的符号

特殊的符号:

\   反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号 参考博客:https://www.runoob.com/markdown/md-tutorial.html

使用Markdown编辑总结的更多相关文章

  1. 记录思想分享知识编辑器 Markdown 编辑阅读器

    web使用:实现网页客户端实时自动解析Markdown为HTML内容小小的展示:Cmd Markdown 编辑阅读器使用必要性:怎样引导新手使用 Markdown? - 写作

  2. 练习使用markdown编辑

    markdown纯文本编辑语言加粗,斜体Core Java 这是一篇学习了markdown编辑之后的练习 无序列表 1 2 > 怕什么真理无穷,进一寸有一寸的欢喜! 以下是代码的引用 class ...

  3. Flask学习记录之MarkDown编辑文本

    为了让网页支持markdown编辑文本,使用如下了4个库 PageDown : 在前端提供一个可以实时将markdown内容转换成html文本进行效果预览的编辑器 Flask-PageDown: 这个 ...

  4. 让Emeditor支持markdown编辑博客

    让Emeditor支持markdown编辑博客 1. 关于高亮显示 2.生成HTML文件并预览 用惯了Emeditor,最近又开始学习用markdown写博客,怎么让Emeditor支持markdow ...

  5. 使用Sublime Text 3进行Markdown编辑+实时预览

    使用Sublime Text 3进行Markdown编辑+实时预览 安装软件包管理器 打开Sublime Text 3 同时按下 ctrl+` ,窗口底部出现一个小控制台 复制以下代码,粘贴到控制台的 ...

  6. 使用Sublime Text 3进行Markdown 编辑+实时预览

    这种做法可能会对你的磁盘IO造成一小部分性能负担,但负面影响足以忽略. 另外,由于这种频率的读写会被磁盘缓存接管,不必担心磁盘寿命的影响. 对于刚安装好的Sublime Text,我们需要安装一个软件 ...

  7. 你不可缺少的技能——Markdown编辑

    Markdown简介 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式.请不要被「标记」.「语言」所迷惑,Markdown 的语法十分 ...

  8. Sublime Text 3配置支持Markdown编辑

    继上一篇http://www.cnblogs.com/EasonJim/p/7119304.html文章安装好之后,对Markdown支持需要做如下处理: 1.按下[Ctrl]+[Shift]+[P] ...

  9. 推荐:Markdown编辑软件 --- 小书匠

    推荐:Markdown编辑软件 --- 小书匠 小书匠 使用手册 Markdown编辑工具推荐小书匠工具,功能丰富,简单使用,可以一步导文件至博客园主页. 概要 小书匠编辑器是一款专为markdown ...

  10. 【专业的 Markdown 编辑写作软件】MWeb for Mac基本使用教程

    MWeb for Mac是一款专业的 Markdown 编辑写作软件,可以生成MarkDown编辑器和静态博客,在记日记的时候,你可以使用插入图片的功能,使用MWeb软件你可以拖拽或直接粘贴即可插入图 ...

随机推荐

  1. iview的render函数使用

    render渲染函数详解 https://www.cnblogs.com/weichen913/p/9676210.html iview表格的render函数作用是自定义渲染当前列,权限高于key,所 ...

  2. 【01】openLayers 第一个地图

    效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...

  3. 浅谈Java开发三层架构

    三层架构,一般来说就是将整个业务应用划分为:表现层(UI).业务逻辑层(BLL).数据访问层(DAL).区分层次的目的即为了“高内聚,低耦合”的思想. 概念简介 1.表现层(UI):简单来说,就是展现 ...

  4. Vue Snackbar 消息条队列显示,依次动画消失的实现

    效果预览 思路 封装 Snackbar 组件: 在根路由页面下建立全局 Snackbar 控制器,统一管理 Snackbar: 通过事件通知全局 Snackbar 控制器显示消息: 实现 1. 封装 ...

  5. django 引入静态文件(前端样式等)

    1.首先在主项目目录下settings.py文件中添加如下代码 2.然后在主项目目录,app项目同级目录下新建static文件夹并在文件夹中新建css文件夹,用于存放css文件,如下: 3.前端渲染时 ...

  6. win10安装docker 和 splash

    参考链接1:https://www.cnblogs.com/321lxl/p/9536616.html 参考链接2:https://blog.csdn.net/qq_18831501/article/ ...

  7. gitbook 入门教程之超高颜值的思维导图simple-mind-map插件

    欢迎访问 gitbook-plugin-simple-mind-map 官网

  8. Python离线项目迁移部署

    最近遇到了一个场景:需要将Python项目文件打包到无法联网的主机上部署执行,本篇文章记录针对于该场景的处理方案. 说明: 源主机(可联网):安装了Python3和pip3 目标主机(无法联网):需安 ...

  9. [项目分享]JSP+Servlet+JDBC实现的学生信息管理系统

    本文存在视频版本,请知悉 项目简介 项目来源于:https://gitee.com/liu_xu111/JavaWeb01 这次分享一个学生管理系统,我感觉这是程序员在大学时期的毕设和课程设计选择最多 ...

  10. 重定向URL乱码问题

    问题:response.sendRedirect("http:/aaa.com/#/expressTracking?carCode=" + carCode);   后台java代码 ...