vscode中使用markdown
2017-10-12 09:25
204 查看
#vscode中使用markdown
vscode 是微软推出一款轻量级的文本编辑工具,类似于sublime,由于其拥有丰富的插件,安装使用也非常简单,所以深受广大程序员的喜爱。
markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
印象笔记 是一款具有笔记、写作、日程管理等诸多功能为一体的强大、易用型笔记本,拥有非常丰富的插件,其中比较好用的有印象笔记·剪藏,马克飞象,具体如何使用,请自行查阅相关资料。
markdown有许多衍生产品,本文主要针对大家比较熟知的印象笔记为例,说明如何在vscode中使用markdown语法编辑文章,同时将文章同步到印象笔记中。
本机已安装vscode、印象笔记或者国际版Evernote,如果没有安装请自行安装以上软件。同时,您已经注册了印象笔记或者国际版Evernote的账号。
在vscode中安装EverMonkey,Auto-Open Markdown Preview。
vscode安装插件可以从左侧的工具栏中选择
EverMonkey插件是本文的重点,该插件主要负责将vscode中的文章同步到印象笔记。在vscode中安装完EverMonkey插件后,我们安装官方说明,来一步一步的配置。
a.获取token、noteStoreUrl。快捷键
b.输入你的印象笔记的账号密码,然后授权,就可以看到
c.将
evermonkey.token: your developer token
evermonkey.noteStoreUrl: your API url
d.完成以上步骤,基本就算ok了,建议重启一下vscode,然后输入快捷键
issue 上面先找是否已经有人提过该问题,如果没有,你可以开个issue给作者。一般你遇到的问题,很多人也遇到了,请在close 里面仔细查找。
e.上传vscode本地文件。新建本地文件,后缀为.md。在文件内容的最上方输入一下内容。
完成文章内容编写之后,输入
重要提示:如果报
vscode 默认的将Preview预览风格是黑黑的,如上面的截图。如果想更改为github风格的样式,请执行如下步骤:
a.下载github风格的css到本地,并放置相应的目录,本文推荐放置在vscode安装目录里,如
b.设置用户配置文件,
vscode 是微软推出一款轻量级的文本编辑工具,类似于sublime,由于其拥有丰富的插件,安装使用也非常简单,所以深受广大程序员的喜爱。
markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
印象笔记 是一款具有笔记、写作、日程管理等诸多功能为一体的强大、易用型笔记本,拥有非常丰富的插件,其中比较好用的有印象笔记·剪藏,马克飞象,具体如何使用,请自行查阅相关资料。
markdown有许多衍生产品,本文主要针对大家比较熟知的印象笔记为例,说明如何在vscode中使用markdown语法编辑文章,同时将文章同步到印象笔记中。
安装配置步骤:
1.准备工作。
本机已安装vscode、印象笔记或者国际版Evernote,如果没有安装请自行安装以上软件。同时,您已经注册了印象笔记或者国际版Evernote的账号。
2.安装插件。
在vscode中安装EverMonkey,Auto-Open Markdown Preview。vscode安装插件可以从左侧的工具栏中选择
Extensions,或者使用快捷键
Ctrl+Shift+X。EverMonkey插件的作用是将vscode中的文件同步到印象笔记或者国际版Evernote。Auto-Open Markdown Preview插件的作用是在vscode中,当你打开*.md格式的文件时,自动开启预览,方便你在编辑的过程中实时的看到结果。
3.EverMonkey配置说明。
EverMonkey插件是本文的重点,该插件主要负责将vscode中的文章同步到印象笔记。在vscode中安装完EverMonkey插件后,我们安装官方说明,来一步一步的配置。a.获取token、noteStoreUrl。快捷键
Ctrl+Shift+P,打开command,输入
ever token,这里我使用的是国际版Evernote,所以我选择的是International。
b.输入你的印象笔记的账号密码,然后授权,就可以看到
token、noteStoreUrl。
c.将
token、noteStoreUrl配置到vscode的用户设置里面。步骤为
File --> Preferences --> Settings,左边是系统默认设置,右边是用户自定义设置,在右侧配置token、noteStoreUrl,按照标准的json格式输入,key和value都需要加英文的双引号。
evermonkey.token: your developer token
evermonkey.noteStoreUrl: your API url
d.完成以上步骤,基本就算ok了,建议重启一下vscode,然后输入快捷键
Ctrl+Shift+P打开command,输入
ever sync,左下角显示synchronize successfully!(第一次同步可能有点慢,请耐心等待一下),代表EverMonkey插件已经和印象笔记通信成功!如果报错,请去git
issue 上面先找是否已经有人提过该问题,如果没有,你可以开个issue给作者。一般你遇到的问题,很多人也遇到了,请在close 里面仔细查找。
e.上传vscode本地文件。新建本地文件,后缀为.md。在文件内容的最上方输入一下内容。
--- title: 文件名称 tags: 标签(多个标签用逗号分隔) notebook: (所属的目录) --- //下面是正文内容 ... # xxx
完成文章内容编写之后,输入
Ctrl+Shift+P打开command,输入
ever publish,提示成功后,就可以在印象笔记客户端看到文章加入到了指定的目录里(如果客户端没有自动更新,请尝试手动更新),快速提交文章的快捷键是
Alt+P。
重要提示:如果报
Evernote Error: 5 - Note.title,错误(这个错误坑了好一会)。说明是换行符有问题,请将vscode右下角的换行符从
CRLF切换成
LF,然后再次执行
ever publish,就会有
blogs>>vscode中使用印象笔记 created successfully.提示。如果还有错误,请到git issue查找相关问题。
4.将Preview
设置为github风格
vscode 默认的将Preview预览风格是黑黑的,如上面的截图。如果想更改为github风格的样式,请执行如下步骤:a.下载github风格的css到本地,并放置相应的目录,本文推荐放置在vscode安装目录里,如
D:/Program Files (x86)/Microsoft VS Code/resources/app/extensions/markdown/media/。
b.设置用户配置文件,
File --> Preferences --> Settings,添加如下配置信息,请填入你下载的css文件的路径和名称(我这里的文件名叫userStyle.css)。
"markdown.styles": [ "file:///D:/Program Files (x86)/Microsoft VS Code/resources/app/extensions/markdown/media/userStyle.css" ],
相关文章推荐
- vscode中使用markdown
- 使用 VS Code 来编辑 markdown 文章
- 在vscode中使用pylint-django插件解决pylint的一些不必要的错误提示
- 欢迎使用 FreeCode for VS60/VS2005 Add-in
- 使用VSCode开发React-Native的正确姿势
- .NET Core快速入门教程 5、使用VS Code进行C#代码调试的技巧
- VSCode中预览markdown和修改预览样式
- 使用VS 2013的Bing Code Search插件写SharePoint代码
- 使用VSCode开发Nodejs
- VS 中使用xcopy命令 发生 :VCEnd" exited with code 4 错误
- vscode使用方法总结
- 使用VS Code开发调试.NET Core 2.0
- VsCode 使用专用编程字体FiraCode
- 使用VS Code从零开始开发调试.NET Core 1.1
- vs code 快捷键的使用
- .NET Core快速入门教程 5、使用VS Code进行C#代码调试的技巧
- 使用VS Code开发 调试.NET Core 应用程序
- VS Code 使用总结
- Vistual Studio Code中Markdown使用数学公式
- VS Code使用git