Use markdown in vscode

vscode is a lightweight text editing tool launched by Microsoft, similar to sublime. Because of its rich plug-ins, installation and use are also very simple, so it is deeply loved by the majority of programmers.
Markdown is a markup language that can be written using ordinary text editors. Through simple markup syntax, it can make ordinary text content have a certain format.
Evernote is a powerful, easy-to-use notebook with many functions such as note-taking, writing, and schedule management. It has a very rich plug-in. Among them, the easy-to-use notebooks include Evernote , Clipping , Mark Flying Elephant , and how to use it. , Please check the relevant information by yourself.

There are many derivative products of markdown. This article focuses on the well-known Evernote as an example to explain how to use markdown syntax to edit an article in vscode , and synchronize the article to Evernote .

Installation and configuration steps:

1. Preparation.

This machine has already installed vscode, Evernote or Evernote, if not, please install the above software by yourself. At the same time, you have already registered an Evernote or Evernote account.

2. Install the plug-in.

Install EverMonkey , Auto-Open Markdown Preview in vscode .

Vscode installation plug-ins can be selected from the toolbar on the left Extensions, or use shortcut keys Ctrl+Shift+X. The function of EverMonkey plugin is to synchronize the files in vscode to Evernote or the international version of Evernote. The function of the Auto-Open Markdown Preview plug-in is to open the preview automatically when you open the * .md format file in vscode, so that you can see the results in real time during the editing process.

3. EverMonkey configuration instructions.

The EverMonkey plug-in is the focus of this article . The plug-in is mainly responsible for synchronizing the articles in vscode to Evernote. After installing the EverMonkey plug-in in vscode, we install the official instructions for step-by-step configuration.

a. Obtain token and noteStoreUrl. Shortcut keys Ctrl+Shift+P, open command, enter ever token, here I use the international version of Evernote, so I chose International.
b. Enter your Evernote account password and then authorize it, you can see it token、noteStoreUrl.
c. Place token、noteStoreUrldisposed inside the vscode user settings. The steps are File --> Preferences --> Settings: the left is the system default settings, the right is the user-defined settings, configure the token and noteStoreUrl on the right, enter according to the standard json format, the key and value need to add double quotes in English.

evermonkey.token: your developer token

evermonkey.noteStoreUrl: your API url

d. After completing the above steps, it is basically ok, it is recommended to restart vscode, and then enter the shortcut key to Ctrl+Shift+Popen the command, enter ever sync, the lower left corner shows synchronize successfully! Successful communication with Evernote! If an error is reported, please go to the git issue to find out if someone has already mentioned the issue. If not, you can open an issue to the author. In general, the problems you encounter are encountered by many people. Please find them carefully in close.
e. Upload vscode local file. Create a new local file with the suffix .md. Enter the content at the top of the file content.

---
  title: 文件名称
  tags: 标签（多个标签用逗号分隔）
  notebook: （所属的目录）
---
//下面是正文内容
...
  # xxx

After writing the content of the article, enter to Ctrl+Shift+Popen the command, enter ever publish, after the prompt is successful, you can see the article added to the specified directory in the Evernote client (if the client does not automatically update, please try to manually update), quickly submit the article The shortcut key is Alt+P.

Important note: If reported Evernote Error: 5 - Note.title, mistakes (this mistake pits for a while). The explanation is that there is a problem with the newline character. Please CRLFswitch from the newline character in the lower right corner of vscode LF, and then execute ever publishit again , there will be a blogs>>vscode中使用印象笔记 created successfully.prompt. If there are still errors, please go to git issue to find related issues.

4. Set Preview to github style

The default preview style of vscode is Black, as shown in the screenshot above. If you want to change to the github style, please perform the following steps:

a. Download the github-style css to the local and place the corresponding directory. This article recommends placing it in the vscode installation directory, eg D:/Program Files (x86)/Microsoft VS Code/resources/app/extensions/markdown/media/.
b. Set the user configuration file, File --> Preferences --> Settingsadd the following configuration information, please fill in the path and name of the css file you downloaded (the file name here is userStyle.css).

  "markdown.styles": [
      "file:///D:/Program Files (x86)/Microsoft VS Code/resources/app/extensions/markdown/media/userStyle.css"
  ],

github style renderings

to sum up:

Mark Flying Elephant is a very easy-to-use Evernote plug-in that is fully capable of all the above functions, and the interface is very gorgeous and easy to use, but it requires a fee. . . When I used sublime before, I used related plugins to edit articles in sublime and synced to Evernote. Now that I use vscode a lot, I will try to see if there are related functions. The result is yes (vscode is so good, how can it not be). So I tried it. However, I encountered a pit, that is Evernote Error: 5 - Note.title, after checking for a long time, it was CRLFswitched to LF, and I did set it in the user configuration, but it did not take effect. Finally, I accidentally found that the bottom right corner was still displayed CRLF, and then I tried to click it. It could be changed to LF, and then, there is no more, OK.

Although it took a lot of effort, but there are still gains, that is, this does not cost money. . .

There is another function that Mark Flying Elephant and Evernote cannot do. We do n’t know where the contents of Evernote are stored. If you want to synchronize these contents to git, there seems to be no way. While using vscode to write * .md, the file content is in the directory you specify, you can add, commit, push these files to git at any time, is it very convenient. . .

ps: I edited this article using the above method, which is very convenient, and I push directly to my git repository . On the git page, directly copy the HTML source code of the dom, and paste it into the blog garden to automatically display the formatted appearance (although the code block and regional text display is not normal), it is still very convenient.

If the photos are not fully loaded or fail, you can directly access the git page of this article .

Note management-vscode-Evernote-git-blog garden