前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >印象笔记下的MarkDown

印象笔记下的MarkDown

作者头像
恒宇少年
发布2018-09-20 15:52:14
1.6K0
发布2018-09-20 15:52:14
举报
文章被收录于专栏:SpringBoot 核心技术

印象笔记终于还是终于出了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: $

代码语言:javascript
复制
![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

代码语言:javascript
复制
更多数学公式的输入可以参考:[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: 已收到消息

代码语言:javascript
复制
![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

学习目录推荐

开源信息

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.09.17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Markdown 是什么?
  • 印象笔记里 Markdown 有什么特点?
  • 如何创建 Markdown 笔记?
  • **印象笔记 Markdown 笔记支持哪些语法? **
    • 1.设置分级标题
      • 2.加粗文本
        • 3.斜体
          • 4.下划线
            • 5.删除线
              • 6.分隔线
                • 7.引用文本
                  • 8.添加符号列表或者数字列表
                    • 9.添加待办事项
                      • 10.插入链接
                        • 11.插入图片
                          • 12.插入表格
                            • 13.插入图表
                              • 15.插入数学公式
                                • 17.插入时序图
                                  • 19.设置目录
                                    • 学习目录推荐
                                      • 开源信息
                                      领券
                                      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档