Typography Elements in One
Bold text
Italic text
bold italic text
ThisIsCode()
Strikethrough
**Bold text**
_Italic text_
**_bold italic text_**
`ThisIsCode()`
~~Strikethrough~~
[Hyperlink](https://tomaskul.github.io/2015/markdown-cheatsheet/)
Headings H1 to H6
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
# H1 Heading
## H2 Heading
### H3 Heading
#### H4 Heading
##### H5 Heading
###### H6 Heading
Footnote
Let’s say you have text that you want to refer with a footnote, you can do that too! This is an example for the footnote number one [1]. You can even add more footnotes, with link! [2]
[[^1]]
[[^2]]
Blockquote
Start by doing what’s necessary; then do what’s possible; and suddenly you are doing the impossible. –Francis of Assisi
NOTE: This theme does NOT support nested blockquotes.
> Start by doing what's necessary; then do what's possible; and suddenly you are doing the impossible. --Francis of Assisi
List Items
- First order list item
- Second item
- Unordered list can use asterisks
- Or minuses
- Or pluses
1. First order list item
2. Second item
* Unordered list can use asterisks
- Or minuses
+ Or pluses
Task lists
- Finish my changes
- Push my commits to GitHub
- Open a pull request
- [x] Finish my changes
- [ ] Push my commits to GitHub
- [ ] Open a pull request
Code Blocks
var modularpattern = (function() {
// your module code goes here
var sum = 0 ;
return {
add:function() {
sum = sum + 1;
return sum;
},
reset:function() {
return sum = 0;
}
}
}());
alert(modularpattern.add()); // alerts: 1
alert(modularpattern.add()); // alerts: 2
alert(modularpattern.reset()); // alerts: 0
s = "Python syntax highlighting"
print s
No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.
Table
Table 1: With Alignment
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
Table 2: With Typography Elements
Markdown | Less | Pretty |
---|---|---|
Still | renders | nicely |
1 | 2 | 3 |
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
Horizontal Line
The HTML <hr>
element is for creating a “thematic break” between paragraph-level elements. In markdown, you can create a <hr>
with any of the following:
___
: three consecutive underscores---
: three consecutive dashes***
: three consecutive asterisks
renders to:
Media
YouTube Embedded Iframe
<div class="video-container"><iframe src="https://www.youtube.com/embed/n1a7o44WxNo" frameborder="0" allowfullscreen></iframe></div>
Image
![Robotocat](https://octodex.github.com/images/Robotocat.png)
Footnote:
-
1: Footnote number one yeah baby! ↩
-
2: A footnote you can link to - click here! ↩