Markdown is a lightweight markup language with plain text formatting syntax. It is easy-to-use and widely deployed to on the web, for example by DataHub, GitHub, Stackoverflow and many other sites.
In Markdown, you control the display of the document: formatting words as bold or italic, adding images, and creating lists are just a few of the things we can do with Markdown. Mostly, Markdown is just regular text with a few non-alphabetic characters thrown in, like ## or **.
Table of Contents
- General Markdown guideline
- Advanced features
If you are looking to learn Markdown we recommend these interactive tutorials:
- https://www.markdowntutorial.com/ (an easy tutorial with interactive exercises)
- https://commonmark.org/help/tutorial/ (10 minutes of Markdown exercises)
usual text usual text
*italic text* italic text
**bold text** bold text,
double space – double space at the end of the text will break the lines
--- horizontal line like this:
Santa Claus said: > Happy Christmas, hohoho
Santa Claus said:
Happy Christmas, hohoho
# this is a Header1 ## Header2 ... ###### Header6
* task 1 * task 2 * task 2a * task 2b
- task 1
- task 2
- task 2a
- task 2b
List with checkboxes:
These work only in certain places e.g. GitHub, GitLab, HackMD. But not here in Vuepress.
* [x] unchecked * [ ] checked
This is inline code: `inline code`
This is inline code:
Multi-line code starts with triple backtick and ends with triple backtick apostrophe as well. You also you can add the programming language name:
As you can see, formatting text with Markdown is as easy as using Notepad. Also, the Markdown syntax could be extended easily. Here are some extra features that you can use.
These features may not always be supported by the tool you are using so check before you use them.
In the world of computer programming, frontmatter is metadata at the top of a file. Just put your metadata between two lines like this:
--- title: 5 minutes Markdown guide date: 2022-12-21 authors: ['name'] ---
And our site will use this metadata while forming the page. The result you can see on top of this page ('authors' is used in the blog posts).
If you will add
## Table of Contents in your document – this will be automatically transformed into Table Of Content section, with links to all your Headers.
You can add info boxes in your text and the message will appear in a colored box:
>[!info]My important message here.
and this is how it would be rendered:
My important message here.
For more supported callouts please refer to https://flowershow.app/docs/syntax#callouts