lang | page_id | title | description | date | published | categories | |
---|---|---|---|---|---|---|---|
en |
markdown-components-cheatsheet |
Markdown Components Cheatsheet |
A cheatsheet for all the Markdown components available in this template. |
2023-02-20 18:13:00 +0100 |
true |
|
In this post, you will find a cheatsheet for all the Markdown components available in this template.
Text can be bold, italic, linked, strikethrough, highlighted, underlined, monospaced
, superscripted, subscripted and small.
Text can have abbrs and footnotes1.
There should be a whitespace between paragraphs.
This is a blockquote
It can have multiple paragraphs
Single monospaced
words
// Javascript code with syntax highlighting.
var fun = function lang(l) {
dateformat.i18n = require('./lang/' + l)
return true;
}
# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
s.add_dependency(gem, "= #{version}")
end
Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
- This is a list item
- This is another list item
- This is a nested list item on the 2nd level
- This is a nested List item on the 3rd level
- This is another nested list item on the 2nd level
- This is a nested list item on the 2nd level
- This is also another list item
- This is a numbered list item
- This is another numbered list item
- This is a nested numbered list item on the 2nd level 1. This is a nested List item on the 3rd level
- This is another nested, numbered list item on the 2nd level
- This is also another numbered list item
- This is a numbered list item
- This is a nested list item on the 2nd level
- this is another nested list item on the 2nd level
- This is another numbered list item
- This is an unchecked list item
- This is a checked list item
- This is an unchecked list item
- This is a nested unchecked list item on the 2nd level
- This is a nested checked list item on the 2nd level
left aligned | centered | right aligned |
---|---|---|
col 3 is | some word | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
Image Source: docs.github.com
This is an image caption
- Name
- Godzilla
- Born
- 1952
- Birthplace
- Japan
- Color
- Green
Default Alert: This is a default alert. It can be used to highlight important information. It can be styled with the notice
class and with text utilities from Markdown
{: .notice}
{% capture extended-notice %} Extended Alert:
This is an extended info alert. Other than the default alert, it can be styled with all Markdown components.
- List Item 1
- List Item 2
Blockquotes can be used
// Code blocks
const foo = 'bar';
{% endcapture %}
Primary Alert: This is a primary alert. It can be created with the notice--primary
class.
{: .notice--primary}
Info Alert: This is an info alert. It can be created with the notice--info
class.
{: .notice--info}
Warning Alert: This is a warning alert. It can be created with the notice--warning
class.
{: .notice--warning}
Error Alert: This is an error alert. It can be created with the notice--danger
class.
{: .notice--danger}
Success Alert: This is a success alert. It can be created with the notice--success
class.
{: .notice--success}
Click to expand
This is a details block. It can be used to hide content that is not essential for the user at first sight.This is some content
This is some other content, that is separated by a horizontal rule
Footnotes
-
This is the footnote. ↩