Markdown is a lightweight markup language just like HTML. It is used on many places, for example on GitHub pages in README files. The files often have the extension “.md”. In this blog post, I will give an overview of the most used components used in the Markdown language.
Introduction
Markdown was created in 2004 by John Gruber in collaboration with Aaron Swartz. The goal of Markdown is clear: “Create an easy-to-read, easy-to-write plain text format, which can be converted (optionally) to structurally valid XHTML (HTML).” That is why Markdown and HTML are closely related. If you already know HTML, it is easy to learn Markdown and vice versa. In the remainder of this blog post, various components are described in the Markdown language.
Lists
This is an example list:
In Markdown, you can create this list by using the following code:
1 |
|
Instead of *, you can use + or – as well. A numbered (ordered) list can be created as follows:
- Item 1
- Item 2
- Item 3
1 |
|
Sections / Headings
The following headings show the Markdown code that is used to produce the heading.
## H2
### H3
#### H4
##### H5
###### H6
For H1 and H2, you can add an underline by using:
1 |
|
Text decorationThis *italic text *is italic since it is wrapped by a single asterisk.
This **bold** text is bold because it is wrapped by two asterisks.
Deleted (or striked) text is created by wrapping a text between tildes.
An underscored text is created by wrapping a text using _underscores.
Links
1 |
|
Link to Wikipedia
Code Syntax
Inline code is marked by backticks: var a = 10;
. If you need multiple lines of code, you can use 3 backticks (and specify the language of the code for the syntax highlighting):
1 |
|
1 |
|
Supporting IDEs
Some IDEs (Integrated Development Environments) like Pycharm (which is explained in this blog post) or Jupyter have support for Markdown. Most editors of Jetbrains can download a Markdown plugin and Jupyter has build in support. Take a look at Jupyter for example:
The nice thing about Jupyter (and most other Markdown editors) is that you can see the visual effect of the language without compiling it. After editing, the Markdown cell looks as follows:
Here you can clearly see Markdown in action. It is just a lightweight language which compiles into HTML.
Conclusion (TL;DR)
This blog posts gives an overview of the Markdown language. For more advanced usage, you should really look into the documentation of Markdown. Some components like tables are not discussed on purpose, since they do not belong to the originally created Markdown language. If you miss any important components which you use a lot, please let me know. Then I will add it to this list. For any questions, feel free to discuss it below.