hcqhja
Last Updated: December 12, 2016
·
18.78K
· kristories
6f6801d711e27cbd50afc6ed0efcf4e4

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 amet

Links

[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

![alt text](http://example.com/image.png)
![alt text](http://example.com/image.png "Optional title") 

# Reference-style.
# ![alt text][where]
# [where]: http://example.com/image.png

Code 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

©       &copy;
®       &reg;
†       &dagger;
‡       &Dagger;
±       &plusmn;
€       &euro;
™       &trade;

More symbols


Youtube videos

[![IMAGE ALT TEXT](http://img.youtube.com/vi/VIDEO_ID/0.jpg)](http://www.youtube.com/watch?v=VIDEO_ID)

Mention

@username

Say Thanks
Respond

41 Responses
Add your response

731
Bashir microphone square

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!

over 1 year ago ·
736
6f6801d711e27cbd50afc6ed0efcf4e4

Thank you @bashir for sharing your trick! Updated :)

over 1 year ago ·
778
5296d70606ba2ff86311c1cef0c92699

@bashir That trick is heavily dependent on your editor.

over 1 year ago ·
839
914f05e2dee020ca927249a8dd583bf7

Also, you can format text with the strikethrough effect using tides.

ex: ~~text~~ #=> text

over 1 year ago ·
1210

@bashir nice trick ;)

over 1 year ago ·
1852
Photo on 08.01.2013 at 04.15

This protip beautifully shows how ugly is syntax coloring and fonts for code on coderwall.. It's like random...

over 1 year ago ·
1868
22e767367fe9c51fc5d22af7a631c424

I like github's backticks more :\

over 1 year ago ·
1897
3ae6de27bfeb80acbecc2587763750d9

@sheerun have you figured out how to specify highlighting scheme?

over 1 year ago ·
1920
Photo on 08.01.2013 at 04.15

there is no way to do it afair

over 1 year ago ·
2408
Bf6bc93ab3eeef8996970fa8ac9895a3

@fuadsaud I do too, especially how they let you state the language for proper highlighting such as ```php

All I can get this to do is to put the code in a box that is scrollable, no highlighting at all :(

over 1 year ago ·
2458

fantastis!

over 1 year ago ·
2655
Photo on 08.01.2013 at 04.15

@coderwall - please fix that highlighting!

over 1 year ago ·
2700
Bashir microphone square

@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.

over 1 year ago ·
3620
C5d8a67410398610516a9424e5387957

@sheerun Agreed. Lorem is not the same as rem, and http://www.example.com is not the same as //. It makes it look a little messy.

over 1 year ago ·
3762
22e767367fe9c51fc5d22af7a631c424

Isn't @ mentions available in the pro tip body (like in the comments)?

o.O

over 1 year ago ·
3944

Add code and sample, in order to enhance this topic.

over 1 year ago ·
4150
Ff251bd0806aa3e700db933d599dadd4

Why can't I add bold inside a code sample?
It just shows as stars...

over 1 year ago ·
4330
Mojo706

Thanks for the tips :)

over 1 year ago ·
4501
652cc4410d04b690807fc39449837664

Please, please, please allow editing with a fixed-width font, this is coder wall, not the bleedin' splish-splash show ;)

over 1 year ago ·
4505
2956e2cd2664630aa968b92bbb645f2f

Any chance you can stop line breaking the output on single line breaks in the markdown? The markdown spec says that paragraphs in the output are denoted by double line breaks in the markdown, and that line breaks in the output are denoted by two spaces at the end of a line followed by a line break in the markdown. I should be able to write with single hard returns in markdown and not have them show up in the output.

over 1 year ago ·
4523
652cc4410d04b690807fc39449837664

Tried to use the code fence style, but it's just rendering out the block as regular text.

over 1 year ago ·
5166
A48bb788c55836491a9f279e5a627fc3

I'm new to this website and was wondering how you insert code boxes like the above. I tried [code] [/code] bu this did not work. Could someone help me out with this?

over 1 year ago ·
5194
6f6801d711e27cbd50afc6ed0efcf4e4

@jamobox see Code and Syntax Highlighting

over 1 year ago ·
6252
4bcc85fc2f1ddcf026a6a30bdfd9d533

As stated by many, basic code fences is broken. Even the sample in the doc (above) does not work.

over 1 year ago ·
6311
576a2f51dff709f002e417b32c197edc

Do lists work for anyone?

over 1 year ago ·
6449
D51a8cd0f1683d613f1568034a199d8f

Hi @coderwall, this Pro Tip on GitHub Gist used.

For example this like use script embed.

<script src="https://gist.github.com/bbilginn/5258693.js"></script>

https://gist.github.com/bbilginn/5258693

Look like this example use @gist:bbilginn/5258693

over 1 year ago ·
6607
41d1f43437b31dd12939c44d25ae5769

Is there any way to write right-to-left text?

over 1 year ago ·
8136
Jackjon

tables dont work

over 1 year ago ·
8536
E46d215780e362cd30183e9616a02917

Seems like @mentions shouldn't work within a code block. Currently writing "@else" is wanting to link.

over 1 year ago ·
10130
519fb76548875.preview 620

I'm having trouble with tables, they don't seem to format properly.

over 1 year ago ·
10773
Mug shot 200x200

How do I markup @import in Scss? The import gets converted to an anchor tag in code blocks.

over 1 year ago ·
10796
6f6801d711e27cbd50afc6ed0efcf4e4

@dwayne you can not use the prefix @, because it will automatically convert to mention

over 1 year ago ·
10804
Mug shot 200x200

@kristories Thanks, I realize that. Is there a way to escape it so that I can use it in a different context?

over 1 year ago ·
10851
Bg black crop

Same problem. @something is converted to a mention link inside a code snippet. Emailed support, let's see what happens.

over 1 year ago ·
10882
D3fe491fd07d1bbce780696b3c468f4c

Why isn't there a standard reference page for this? I clicked around CoderWall for a well. Left CoderWall completely. Searched for "CoderWall Comment Reference" and wound up back at this post. Seems silly.

over 1 year ago ·
14918
0c153a42b9dedd1217d2adb52a8369f1

事实上

over 1 year ago ·
15822
10299858 466346363511370 800354043 a

Code shows really ugly compared to other state-of-the-art code visualisers. Any chance we will be able to integrate jsfiddle, jsbin like code snippets?

over 1 year ago ·
16265
Img 20140326 151126

code fences is not clear to me, also, it would be nice to choose the colour of the background. We are all used to Sublime Text these days.
Thank you..

over 1 year ago ·
17417
409302 10151131950910230 214813917 n 2

Great topic. I would add that you can use <br> for a new line.

over 1 year ago ·
17449
704044

Any way to add more languages to code highlighter used with code fences?

over 1 year ago ·
17916
Screen shot 2014 11 20 at 9.32.15 pm

very useful!

over 1 year ago ·