How to live preview markdown files in PyCharm

This a simple tutorial but took me a while to figure out owing to the unavailability of proper documentation. So, I thought of documenting it here with the hope that it will save you some pain. Note this tutorial was tested on MacOS High Sierra with a PyCharm Community Edition 2017.1.3

Step 1: Install Markdown Support for PyCharm

Go to Preferences -> Plugins -> Browse Plugins

and search for "markdown" and install the Markdown Support plugin (refer to figure below)

After installation, PyCharm will restart to register the installation.

Step 2: Make sure *.md file pattern is registered to markdown files

Go to Preferences -> Editor -> File Types

and add *.md file pattern for markdown files (refer to figure below).

Reopen your markdown file or restart PyCharm to see the change. You should see something like the following when it is working correctly:

Check out "Notepad Online" in the Chrome Web Store

​After trying multiple notepad extensions for a Chrome Browser, I finally found the one that I was looking for. The application is solid and it really works. After you add it to your Chrome Browser, you will be able to access your notes from any other Chrome Browser. Just hit the blue sync button on the right to sync your content (shown in the picture below and...sorry about the crappy quality of the picture) and you are all set.
It is like having your sticky notes with you wherever you go. Since I am not sure about the security of the application, just make sure you create your username/password that you don't use anywhere else, and also make sure the content of the notes are not sensitive.​ For example, you could create a username as, I don't know, "abcd" and password as "abcdpass"
Check it out!