Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

相比WYSIWYG编辑器

优点:

1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。

2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可

缺点:

1、需要记一些语法(当然,是很简单。五分钟学会)。

2、有些平台不支持Markdown编辑模式。

还好,简书是支持Markdown编辑模式的。

  1. 开启方式:设置->默认编辑器->Markdown编辑器

一、标题

在想要设置为标题的文字前面加#来表示

一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。

示例:

  1. # 这是一级标题
  2. ## 这是二级标题
  3. ### 这是三级标题
  4. #### 这是四级标题
  5. ##### 这是五级标题
  6. ###### 这是六级标题

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、字体

  • 加粗

要加粗的文字左右分别用两个*号包起来

  • 斜体

要倾斜的文字左右分别用一个*号包起来

  • 斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来

  • 删除线

要加删除线的文字左右分别用两个~~号包起来

示例:

  1. **这是加粗的文字**
  2. *这是倾斜的文字*`
  3. ***这是斜体加粗的文字***
  4. ~~这是加删除线的文字~~

效果如下:

这是加粗的文字

这是倾斜的文字

这是斜体加粗的文字

这是加删除线的文字


三、引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>

n个...

貌似可以一直加下去,但没神马卵用

示例:

  1. >这是引用的内容
  2. >>这是引用的内容
  3. >>>>>>>>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

四、分割线

三个或者三个以上的 - 或者 * 都可以。

示例:

  1. ---
  2. ----
  3. ***
  4. *****

效果如下:

可以看到,显示效果是一样的。





五、图片

语法:

  1. ![图片alt](图片地址 ''图片title'')
  2. 图片alt就是显示在图片下面的文字,相当于对图片内容的解释。

  3. 图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

示例:

  1. ![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
  2. u=702257389,1274025419&fm=27&gp=0.jpg "区块链")

效果如下:

blockchain

上传本地图片直接点击导航栏的图片标志,选择图片即可

六、超链接

语法:

  1. [超链接名](超链接地址 "超链接title")
  2. title可加可不加

示例:

  1. [简书](http://jianshu.com)
  2. [百度](http://baidu.com)

效果如下:

简书

百度

注:Markdown本身语法不支持链接在新页面中打开,貌似简书做了处理,是可以的。别的平台可能就不行了,如果想要在新页面中打开的话可以用html语言的a标签代替。

  1. <a href="超链接地址" target="_blank">超链接名</a>
  2. 示例

  3. <a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a>


七、列表

  • 无序列表

语法:

无序列表用 - + * 任何一种都可以

  1. - 列表内容
  2. + 列表内容
  3. * 列表内容
  4. 注意:- + * 跟内容之间都要有一个空格

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容
  • 有序列表

语法:

数字加点

  1. 1.列表内容
  2. 2.列表内容
  3. 3.列表内容
  4. 注意:序号跟内容之间要有空格

效果如下:

1.列表内容

2.列表内容

3.列表内容

  • 列表嵌套

上一级和下一级之间敲三个空格即可

  • 一级无序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  • 一级无序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容
  1. 一级有序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  2. 一级有序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容

八、表格

语法:

  1. 表头|表头|表头
  2. ---|:--:|---:
  3. 内容|内容|内容
  4. 内容|内容|内容
  5. 第二行分割表头和内容。
    • 有一个就行,为了对齐,多加了几个

    • 文字默认居左

    • -两边加:表示文字居中

    • -右边加:表示文字居右

    • 注:原生的语法两边都要用 | 包起来。此处省略

示例:

  1. 姓名|技能|排行
  2. --|:--:|--:
  3. 刘备|哭|大哥
  4. 关羽|打|二哥
  5. 张飞|骂|三弟

效果如下:

姓名 技能 排行
刘备 大哥
关羽 二哥
张飞 三弟

九、代码

语法:

单行代码:代码之间分别用一个反引号包起来

  1. `代码内容`

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

  1. (```)
  2. 代码...
  3. 代码...
  4. 代码...
  5. (```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

示例:

单行代码

  1. `create database hero;`

代码块

  1. (```)
  2. function fun(){
  3. echo "这是一句非常牛逼的代码";
  4. }
  5. fun();
  6. (```)

效果如下:

单行代码

create database hero;

代码块

  1. function fun(){
  2. echo "这是一句非常牛逼的代码";
  3. }
  4. fun();

十、流程图

  1. ```flow
  2. st=>start: 开始
  3. op=>operation: My Operation
  4. cond=>condition: Yes or No?
  5. e=>end
  6. st->op->cond
  7. cond(yes)->e
  8. cond(no)->op
  9. &```

效果如下:

简书不支持流程图,所以截了个图

十一、带背景颜色的block

用三个反引号开头 " ```"

流程图.png
  1. </div>
  2. </div>
  3. </div>

https://www.jianshu.com/p/191d1e21f7ed

posted @
2019-01-07 21:25 
pupilheart 
阅读(...) 
评论(...) 
编辑 
收藏

简单使用Markdown的更多相关文章

  1. 简单的Markdown功能实现——marked模块的使用

    marked是一个markdown 解析.编译器,通过引入marked模块,可以实现一个简单的markdown编辑器.使用方式如下: Install 新建一个项目文件夹,在项目中下载marked模块 ...

  2. 简单说说Markdown语法

    # 简单说说 MarkDown 语法 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr ...

  3. SimpleMarkdown - 一款简单的Markdown编辑器

    源码地址: https://github.com/zhuangZhou/SimpleMarkdown 预览地址: http://hawkzz.com:8000 作者网站:http://hawkzz.c ...

  4. 使用 java 实现一个简单的 markdown 语法解析器

    1. 什么是 markdown Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用.看到这里请不要被「标记」.「语言」所迷惑,Markdown 的 ...

  5. [原创]用python写了一个简单的markdown编辑器

    以前我常用openoffice记录东西,最喜欢它的当然是在linux上能用了,还有里面的公式输入,前几天才了解markdown这个东东,初步了解发现它正是我需要的东西,可以用它随心所欲地记录些东西,而 ...

  6. 简单了解Markdown

    在Github的readme.md文件的编辑中,開始渐渐的接触Markdown.如今简单系统叙述一下Markdown的语法. Markdown是一种能够使用普通文本编辑器编写的标记语言.通过类似HTM ...

  7. 第一次的博客-简单的Markdown语法

    第一次开通博客 从网上寻找了许多写博客的方法 我觉得对于我来说还是使用 Markdowm 比较容易一些 用我的第一篇博客来记一下一些比较简单常用的Markdown语法 本文参考来源Markdown语法 ...

  8. 使用Vue自己做一个简单的MarkDown在线编辑器

    1.首先要下载mark组件. npm install marked --save 2.在Vcontent.vue中简单写一些样式. <template> <div class=&qu ...

  9. 我的第一个随笔——MarkDown的简单用法!

    目录 我的第一个笔记 1. 学习简单的markdown语法 1.1 标题 1.2 引用 1.3 倾斜与加粗 1.4无序列表 1.5有序列表 1.6图片和网页 1.7分割线 1.8代码块 1.9结尾 2 ...

随机推荐

  1. AI GMM

    GMM(Gaussian Mixture Model,高斯混合模型)通常用于聚类(也用于密度估计),数据是由k个高斯分布生成,每个分布表示一个类. 期望最大(Expectation Maximizat ...

  2. TensorRT&Sample&Python[introductory_parser_samples]

    本文是基于TensorRT 5.0.2基础上,关于其内部的introductory_parser_samples例子的分析和介绍. 1 引言 假设当前路径为: TensorRT-5.0.2.6/sam ...

  3. SpringCloud(1)服务注册与发现Eureka

    1.创建1个空白的工程 2.创建2个model工程 一个module(即SpringBoot)工程作为服务注册中心,即Eureka Server,另一个作为Eureka Client. Eureka ...

  4. 保护 .NET Core 项目的敏感信息

    我们的项目中几乎都会有配置文件,里面可能会存储一些敏感信息,比如数据库连接字符串.第三方 API 的 AppKey 和 SecretKey 等. 对于开源项目,这些敏感信息肯定不能随着源代码一起提交到 ...

  5. Vue slot插槽内容分发

    slot插槽使用 使用场景,一般父组件中又一大段模板内容需要运用到子组件上.或者更加复杂的,子组件需要运用到父组件大段模板内容,而子组件却不知道挂载的内容是什么.挂载点的内容是由父组件来决定的. Sl ...

  6. AI佳作解读系列(二)——目标检测AI算法集杂谈:R-CNN,faster R-CNN,yolo,SSD,yoloV2,yoloV3

    1 引言 深度学习目前已经应用到了各个领域,应用场景大体分为三类:物体识别,目标检测,自然语言处理.本文着重与分析目标检测领域的深度学习方法,对其中的经典模型框架进行深入分析. 目标检测可以理解为是物 ...

  7. Java多线程9:中断机制

    一.概述 之前讲解Thread类中方法的时候,interrupt().interrupted().isInterrupted()三个方法没有讲得很清楚,只是提了一下.现在把这三个方法同一放到这里来讲, ...

  8. c指针作业(第一次)

    1. 数据类型的本质是什么? (从编译器的角度考虑) 数据类型可理解为创建变量的模具:是固定内存大小的别名 数据类型的作用:编译器预算对象(变量)分配的内存空间大小 注意:数据类型只是模具,编译器并没 ...

  9. property与x.setter与x.deleter

    #测试property,x.setter,x.deleter class Test1: def __init__(self): self.__private = "alex" @p ...

  10. nginx 80 端口 部署多个Web

    1.修改默认nginx.conf 文件 加入 include /usr/www/ngconfs/*.conf; 读取ngconfs文件下所有 *.conf文件 2.ngconfs 下多个文件创建 第二 ...