一直觉得博客园默认的编辑器不好用,后来了解了Markdown,并且博客园也支持Markdown标记,所以写篇博客总结下。

一、认识 Markdown

Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。

优点:

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

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

缺点:

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

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

二、Markdown 基本语法

2.1 标题

在想要设置为标题的文字前面加#来表示,一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

示例:

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

由于我重新设置了博客园的标题相关CSS,显示的标题不再是博客园默认的样式,所以这里就不展示效果了。

注:标准语法一般在#后跟个空格再写文字,但也有些网站的编辑器不加空格也行。

2.2 字体

  • 加粗

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

  • 斜体

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

  • 斜体加粗

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

  • 删除线

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

示例:

**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果:

这是加粗的文字

这是倾斜的文字`

这是斜体加粗的文字

这是加删除线的文字

2.3 引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>,加三个>>>,n个...;貌似可以一直加下去,但没神马卵用。

示例:

>这是引用的内容
>>这是引用的内容

效果:

这是引用的内容

这是引用的内容

2.4 分割线

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

示例:

---

效果:


2.5 图片

语法:

![alt 属性文本](图片地址 "可选标题")
  • 开头一个感叹号 !
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面放上图片的网址,最后的"可选标题"是当鼠标移到图片上时显示的内容

示例:

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

效果:

2.6 链接

语法:

[链接名称](链接地址 "链接title")
title可加可不加

示例:

[博客园](https://www.cnblogs.com/)

效果:

博客园

注:Markdown本身语法不支持链接在新页面中打开,如果想要在新页面中打开的话可以用html语言的a标签代替。

<a href="超链接地址" target="_blank">超链接名</a>

## 示例
<a href="https://www.cnblogs.com/" target="_blank">博客园</a>

2.7 列表

Markdown 支持有序列表和无序列表,并且支持列表嵌套。

无序列表

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记:

- 列表内容
+ 列表内容
* 列表内容 ## 注意:- + * 跟内容之间都要有一个空格

效果:

  • 列表内容

  • 列表内容

  • 列表内容

有序列表

有序列表使用数字并加上 . 号来表示,如:

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

效果:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套

列表嵌套只需在子列表中的选项添加四个空格即可:

1. 第一项:
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
2. 第二项:
- 第二项嵌套的第一个元素
- 第二项嵌套的第一个元素

效果:

  1. 第一项:

    • 第一项嵌套的第一个元素

    • 第一项嵌套的第二个元素

  2. 第二项:

    • 第二项嵌套的第一个元素
    • 第二项嵌套的第一个元素

2.8 表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

示例:

|  表头   | 表头  |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |

效果:

表头 表头
单元格 单元格
单元格 单元格

2.9 代码

单行代码

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

示例:

`代码内容`

效果:

代码内容

代码块

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

示例:

​```
int main (int argc, char *argv[])
{
return 0;
}
​```

效果:

int main (int argc, char *argv[])
{
return 0;
}

参考:

菜鸟教程-Markdown 教程

Markdown基本语法

Markdown 编辑器指南的更多相关文章

  1. Markdown编辑器语法指南2

    人的一切痛苦, 本质上都是对自己的无能的愤怒. --王小波 1 Markdown编辑器的基本用法 1.1 代码 如果你只想高亮语句中的某个函数名或关键字,可以使用 `function_name()` ...

  2. Markdown 编辑器使用指南

    Markdown 编辑器使用指南 1.快捷键 加粗: Ctrl/Cmd + B 标题: Ctrl/Cmd + H 插入链接: Ctrl/Cmd + K 插入代码: Ctrl/Cmd + Shift + ...

  3. markdown编辑器使用指南

    欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接 ...

  4. Markdown语法指南

    1.背景 个人比较喜欢用Markdonw写东西,比如写博客随笔,写有道云笔记等,但有的时候会突然忘记某个具体语法怎么写了,如插入图片.插入链接.表格等,那干脆把这个语法简单地总结一下,也方便日后快速查 ...

  5. Cnblog Markdown编辑器

    第一次使用Cnblog Markdown编辑器 1.在博客园使用 Markdown 与 LATEX[1] 1.1.开启MarkDown编辑器 选择 Markdown 撰写博文:在博客园管理-选项中,将 ...

  6. [转载]Markdown——入门指南

    http://www.jianshu.com/p/1e402922ee32/ 转载请注明原作者,如果你觉得这篇文章对你有帮助或启发,也可以来请我喝咖啡. 导语: Markdown 是一种轻量级的「标记 ...

  7. Boostnote跨平台 Markdown 编辑器

    Boostnote 0.11.6 发布了,Boostnote 是一个 Markdown 编辑器,可用于 Mac.Windows.Linux.Android 和 iOS 平台. 新版特性 Dev: 更新 ...

  8. NiceMark——我的Markdown编辑器

    NiceMark--我的Markdown编辑器 闲来无事,写了一个Markdown编辑器.基于electron,完全采用Web前段技术(Html,css,JavaScript)实现.代码已托管在Git ...

  9. 好用的Markdown编辑器一览 readme.md 编辑查看

    https://github.com/pandao/editor.md https://pandao.github.io/editor.md/examples/index.html Editor.md ...

随机推荐

  1. C#自定义消息函数,需要一个TextBox,一个委托,直接上代码;

    private delegate void de_OutputMessage(string str); public void OutputMessage(string str) { if (text ...

  2. 正则表达式(RegEx)官方手册/权威指南【Python】

    前言 正则表达式(称为RE,或正则,或正则表达式模式)本质上是嵌入在Python中的一种微小的.高度专业化的编程语言,可通过 re 模块获得. 使用这种小语言,你可以为要匹配的可能字符串集指定规则:此 ...

  3. LinQ实现DataTable不定行转列 行列转换,有图

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="LinqDemo2.aspx.c ...

  4. CLOS : Common Lisp 的面向对象支持

    1.  defclass   ( :accessor/reader/writer ;   :initarg  ;  :initform 2. defgeneric 3. defmethod ----- ...

  5. Bootstrap3-导航条

    1. 定义导航条 <!-- 导航条 navbar --> <div class="navbar nav-bar-default"> <ul class ...

  6. JSP JSTL

    JSTL是Sun给JSP制定的一套标准标签库,JS代表JSP,TL即Tag Library. JSTL是一套很古老的标签库了,很多东西都不再适用,这里只介绍几个常用的标签. 使用JSTL需下载添加以下 ...

  7. 05. redis事务

    目录 Redis 事务 事务 1. 命令有序 2. 始终原子 开启使用事务 Redis事务中出现错误 1. EXEC前的错误 2. EXEC后的错误 为什么出错了不支持roll backs? Redi ...

  8. elastic date时区问题解决办法

    之前介绍filter date插件时就谈到时区问题,但是没有说明白.最近在使用range查询时间范围内的数据时出现了数据量不一致的情况.特地了解了下ELK Stack中关于时区的问题. 问题: 使用k ...

  9. 04、rpm+yum+tar解压

    Linux 下安装软件: 1.rpm 软件包的安装 一般安装都用 rpm -ivh 包路径及名字 如:rpm -ivh /soft/RealPlayer11GOLD.rpm   --安装/soft下 ...

  10. Nginx+Mysql调优

    使用nginx实现反向代理作用,具备负载均衡的功能.     接受客户端的请求 | nginx(宿主机) | |-------------------| web1 web2 (客户机)   原理: 与 ...