印象笔记下的MarkDown

印象笔记终于还是终于出了markdown语法编辑方式,苦苦等了几年的我们是一个什么样子的体验?

Markdown 是什么?

Markdown 是一种轻量级的「标记语言」,创始人为约翰·格鲁伯,用简洁的语法代替排版,目前被越来越多的知识工作者、写作爱好者、程序员或研究员广泛使用。其常用的标记符号不超过十个,相对于更为复杂的 HTML 标记语言来说,Markdown 十分的轻量,学习成本也不需要太多,且一旦熟悉这种语法规则,会有沉浸式编辑的效果。

另外,印象笔记 Markdown 支持 CommonMark 和 GFM (GitHub Flavored Markdown) 标准。

image

印象笔记里 Markdown 有什么特点?

  • 一键创建:支持 Markdown 独立的一键新建入口,为深度 Markdown 用户提供更好的效率体验;

  • 支持丰富的主流 Markdown 语法:支持文字相关样式、序号列表、任务列表、表格、TOC 目录、多种图表、数学公式、流程图、时序图、甘特图等;

  • 支持插入图片:可插入网络图片 或 直接拖动本地图片、复制剪贴板中的图片到 Markdown 笔记中;

  • 支持多种模式切换:编辑与预览模式、纯编辑模式以及纯预览模式;

  • 支持多种编辑主题:预置了白色、黑色、深空灰和印象绿主题,默认为印象绿,未来会有更多主题提供;

  • 跨平台同步:创建的 Markdown 笔记可在登录了印象笔记帐户的各端查看,未来更多端会支持创建和编辑 Markdown 笔记;

  • 演示模式:Markdown 笔记支持演示模式查看;

  • 支持其他印象笔记特点功能:笔记标注、导出 PDF、设置提醒、工作群聊共享-查看&编辑笔记等。

image

[图片上传失败...(image-73d8-1537181619069)]

如何创建 Markdown 笔记?

  1. 点击左上角「新建 Markdown 笔记」来创建新的 Markdown 笔记
  2. 点击顶部菜单栏-文件-新建Markdown笔记
  3. 使用快捷键 CMD+D 来快速创建 Markdown 笔记

**印象笔记 Markdown 笔记支持哪些语法? **

—— 以下语法均支持在编辑工具栏直接操作 ——

1.设置分级标题

语法示例:

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

image

2.加粗文本

语法示例:

**印象笔记**

image

3.斜体

语法示例:

*印象笔记*

image

4.下划线

语法示例:

<u>印象笔记</u>

image

5.删除线

语法示例:

~~印象笔记不支持Markdown~~

image

6.分隔线

语法示例:

* * *

image

7.引用文本

语法示例:

>近日,印象笔记宣布完成重组。作为Evernote已在中国独立运营近6年的品牌,印象笔记将成为由中方控股的中美合资独立运营实体,并获得红杉宽带跨境数字产业基金首轮数亿元人民币投资。

image

8.添加符号列表或者数字列表

语法示例:

使用 iOS 版本印象笔记如何快速保存内容?

1\. 启用印象笔记 Widget ——印象笔记·剪贴板

2\. 复制粘贴任意内容

* 微信

3\. 滑动到 Widget 插件区域即可完成保存

印象笔记·剪贴板有什么特点?

* 快:开启自动模式,可以自动保存剪贴板的任意内容

* 一切:只要可以复制粘贴就可以保存

* 有序:全部保存在「我的剪贴板」笔记本并以时间来命名

image

9.添加待办事项

语法示例:

三只青蛙

* [x] 第一只青蛙

* [ ] 第二只青蛙

* [ ] 第三只青蛙

[图片上传失败...(image-d2141a-1537181619069)]

image

10.插入链接

语法示例:

[印象笔记官网]([https://www.yinxiang.com/](https://www.yinxiang.com/))

image

11.插入图片

印象笔记支持嵌入网络图片或者直接拖入本地图片,其中本地图片格式支持 jpg、png 和 gif。

语法示例:

[图片上传失败...(image-7db9e4-1537181948112)])

image

另外,针对插入的本地图片可以控制图片大小,在拖拽、拷贝或者点击插入本地图片之后,直接在图片名称后面(无需空格)添加以下语法均可以按照以下要求控制图片大小:

  • @w=300

  • @h=150

  • @w=200h=100

  • @h=100w=200

示例笔记

782d277a1dbc7dea8480267cf5f87ebd.png@h=300

[图片上传失败...(image-c4a527-1537181619068)]

12.插入表格

语法示例:

| 帐户类型 | 免费帐户 | 标准帐户 | 高级帐户 |

| --- | --- | --- | --- |

| 帐户流量 | 60M | 1GB | 10GB |

| 设备数目 | 2台 | 无限制 | 无限制 |

| 当前价格 | 免费 | ¥8.17/月 | ¥12.33/月|

image

13.插入图表

目前支持饼状图、折线图、柱状图和条形图,只需将 type 改为对应的pie、line、column 和 bar。

````chart`

,预算,收入,花费,债务

June,5000,8000,4000,6000

July,3000,1000,4000,3000

Aug,5000,7000,6000,3000

Sep,7000,2000,3000,1000

Oct,6000,5000,4000,2000

Nov,4000,3000,5000,

type: pie

title: 每月收益

x.title: Amount

y.title: Month

y.suffix: $


![image](http://upload-images.jianshu.io/upload_images/4461954-66ed2d8a31fea54d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

### **14.插入行内代码或代码块**

印象笔记 Markdown 语法支持几十种编程语言的高亮的显示。

语法示例:

````python`

`#!/usr/bin/python`

`import re`

`line = "Cats are smarter than dogs”`

`matchObj = re.match( r'(.*) are (.*?) .*', line, re.M|re.I)`

`if matchObj:`

`    print "matchObj.group() : ", matchObj.group()`

`    print "matchObj.group(1) : ", matchObj.group(1)`

`    print "matchObj.group(2) : ", matchObj.group(2)`

`else:`

`    print "No match!!"`

[图片上传失败...(image-8309b2-1537181619068)]

15.插入数学公式

印象笔记 Markdown 支持绝大多数的 LaTeX 数学公式

语法示例:

````math`

e^{i\pi} + 1 = 0


更多数学公式的输入可以参考:[https://khan.github.io/KaTeX/docs/supported.html](https://khan.github.io/KaTeX/docs/supported.html)

![image](http://upload-images.jianshu.io/upload_images/4461954-b770792fbf62d00c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

### **16.插入流程图**

语法示例:

````mermaid`

`graph TD`

`A[模块A] -->|A1| B(模块B)`

`B --> C{判断条件C}`

`C -->|条件C1| D[模块D]`

`C -->|条件C2| E[模块E]`

`C -->|条件C3| F[模块F]`

image

17.插入时序图

语法示例:

````mermaid`

sequenceDiagram

A->>B: 是否已收到消息?

B-->>A: 已收到消息


![image](http://upload-images.jianshu.io/upload_images/4461954-4991d19f297f1778.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

### **18.插入甘特图**

语法示例:

````mermaid`

`gantt`

`title 甘特图`

`dateFormat YYYY-MM-DD`

`section 项目A`

`任务1 :a1, 2018-06-06, 30d`

`任务2 :after a1 , 20d`

`section 项目B`

`任务3 :2018-06-12 , 12d`

`任务4 : 24d`

image

19.设置目录

设置之后可以自动根据设置的分级标题来自动生成目录。

语法示例:

[TOC]

image

学习目录推荐

开源信息

这段时间一直在编写开源的相关框架,致力于公司使用的框架升级以及开源计划,将公司使用到的工具以及插件进行升级重构并且开源。

推荐阅读更多精彩内容