Coderwall - Markdown Cheat Sheet
Headers
# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6
Header 1
======
Header 2
------Emphasis
*italic*
_italic_
**bold**
__bold__Lists
1. Lorem ipsum dolor sit amet
2. Lorem ipsum dolor sit amet
* Lorem ipsum dolor sit amet
* Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
+ Lorem ipsum dolor sit ametLinks
[Link](http://example.com)
[Link](http://example.com "With title attribute")
# Reference-style.
# [Link][where]
# [where]: http://example.com
# [where]: http://example.com "With title attribute"Images
# Reference-style.
# ![alt text][where]
# [where]: http://example.com/image.pngCode and Syntax Highlighting
- Indent 4 spaces for code
- Select a block of quote and press the Tab button it will automatically prepend the 4 needed spaces before every line.
Use the code.
Use the`code`.Code fences
```ruby
require 'sinatra'
get '/hi' do
"Hello World!"
end
```Blockquotes
> Lorem ipsum dolor sit amet
> consectetur adipiscing elit
>
> ## Header
>
> 1. List
> 2. List
>
> > Nested blockquote.
>
> # code
> <?php phpinfo(); ?>Horizontal Line
<dl>
<dt>Lorem ipsum dolor sit amet</dt>
<dd>consectetur adipiscing elit</dd>
<dt>Lorem ipsum dolor sit amet</dt>
<dd>consectetur adipiscing elit</dd>
</dl>Table (not work)
<table>
<tr>
<th>Lorem ipsum dolor sit amet</th>
<th>Lorem ipsum dolor sit amet</th>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>Lorem ipsum dolor sit amet</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>Lorem ipsum dolor sit amet</td>
</tr>
</table>Horizontal Rules
* * *
***
*****
- - -
---------------------------------------Symbols
© ©
® ®
† †
‡ ‡
± ±
€ €
™ ™Youtube videos
[](http://www.youtube.com/watch?v=VIDEO_ID)Mention
Written by Wahyu Kristianto
Related protips
40 Responses
Great reference. another trick is if you select a block of code and press the Tab button it will automatically prepend the 4 needed spaces before every line. happy coding!
Thank you @bashir for sharing your trick! Updated :)
@bashir That trick is heavily dependent on your editor.
Also, you can format text with the strikethrough effect using tides.
ex: ~~text~~ #=> text
@bashir nice trick ;)
This protip beautifully shows how ugly is syntax coloring and fonts for code on coderwall.. It's like random...
I like github's backticks more :\
@sheerun have you figured out how to specify highlighting scheme?
there is no way to do it afair
fantastis!
@coderwall - please fix that highlighting!
@fuadsaud, @jcrawford we do support code fences ```ruby now. If code is wrapped in a fence no indentation is required. Also if you use @xxx where xxx is a coderwall username, it will link to their profile.
