Skip to content

Markdown Guide

Bhanu Teja Pachipulusu edited this page Feb 28, 2021 · 7 revisions

What is Markdown?

Markdown is a way to style text on the web. 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 *.

Syntax guide

Note : you can use basic HTML inside markdown. Tags for text formatting, like <u> and <bold> will work

Here’s an overview of Markdown syntax that you can use on coderplex.org posts, updates etc.

Headers

# This is an <h1> tag
## This is an <h2> tag
###### This is an <h6> tag

Emphasis

*This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_

Lists

Unordered

* Item 1
* Item 2
  * Item 2a
  * Item 2b

Ordered

1. Item 1
1. Item 2
1. Item 3
   1. Item 3a
   1. Item 3b

Images

![Coderplex Logo](/images/logo.png)
Format: ![Alt Text](url)

Links

http://coderplex.org - automatic!
[Coderplex Community](http://coderplex.org)

Blockquotes

As Kanye West said:
> We're living the future so
> the present is our past.

Inline code

I think you should use an
`<addr>` element here instead.

Embeds

We also support some popular embeds out of the box. You can embed these in the following way.

<CodePen id="PNaGbb" />

<Gist id="PaulieScanlon/ca0cc9239176066492cb2aba435edbf7" />

<Tweet id="pbteja1998/status/1363815059563061251" />

<YouTube id="WUgvvPRH7Oc" />

<CodeSandbox id="react-new" />

<Repl id="@BhanuTejaTeja2/Buttons" />

<Glitch id="thingproxy" />

Examples

Markdown Text

Input : It's very easy to make some words **bold** and other words *italic* with Markdown. You can even [link to Google!](http://google.com)

Output : It's very easy to make some words bold and other words italic with Markdown. You can even link to Google!

Markdown Lists

Input :

Sometimes you want numbered lists:

1. One
2. Two
3. Three

Sometimes you want bullet points:

* Start a line with a star
* Profit!

Alternatively,

- Dashes work just as well
- And if you have sub points, put two spaces before the dash or star:
  - Like this
  - And this

Output :

Sometimes you want numbered lists:

  1. One
  2. Two
  3. Three

Sometimes you want bullet points:

  • Start a line with a star
  • Profit!

Alternatively,

  • Dashes work just as well
  • And if you have sub points, put two spaces before the dash or star:
    • Like this
    • And this

Markdown Images

Input :

If you want to embed images, this is how you do it:

![Image of Coderplex Org Logo](https://user-images.githubusercontent.com/6577624/108664156-29630a00-74f8-11eb-8fc2-a3afc1e4ba1d.png)

Output :

If you want to embed images, this is how you do it:

Image of Coderplex Org Logo

Headers & Quotes

Input :

# Structured documents

Sometimes it's useful to have different levels of headings to structure your documents. Start lines with a `#` to create headings. Multiple `##` in a row denote smaller heading sizes.

### This is a third-tier heading

You can use one `#` all the way up to `######` six for different heading sizes.

If you'd like to quote someone, use the > character before the line:

> Coffee. The finest organic suspension ever devised... I beat the Borg with it.
> - Captain Janeway

Output :

Structured documents

Sometimes it's useful to have different levels of headings to structure your documents. Start lines with a # to create headings. Multiple ## in a row denote smaller heading sizes.

This is a third-tier heading

You can use one # all the way up to ###### six for different heading sizes.

If you'd like to quote someone, use the > character before the line:

Coffee. The finest organic suspension ever devised... I beat the Borg with it.

  • Captain Janeway

Code

Input :

There are many different ways to style code with markdown. If you have inline code blocks, wrap them in backticks: `var example = true`.  If you've got a longer block of code, you can indent with four spaces:

    if (isAwesome){
      return true
    }

We also supports something called code fencing, which allows for multiple lines without indentation:

    ```
    if (isAwesome){
      return true
    }
    ```

And if you'd like to use syntax highlighting, include the language:

    ```javascript
    if (isAwesome){
      return true
    }
    ```

Output :

There are many different ways to style code with markdown. If you have inline code blocks, wrap them in backticks: var example = true. If you've got a longer block of code, you can indent with four spaces:

if (isAwesome){
  return true
}

We also supports something called code fencing, which allows for multiple lines without indentation:

if (isAwesome){
  return true
}

And if you'd like to use syntax highlighting, include the language:

if (isAwesome){
  return true
}

Task Lists using Checkboxes

Input :

You can create task lists, using checkboxes, like below

- [x] This is a complete item
- [ ] This is an incomplete item
- [ ] This is another incomplete item 

When you include a task list in the first comment of an Issue, you will see a helpful progress bar in your list of issues. It works in Pull Requests, too!

Output : You can create task lists, using checkboxes, like below

  • This is a complete item
  • This is an incomplete item
  • This is another incomplete item

When you include a task list in the first comment of an Issue, you will see a helpful progress bar in your list of issues. It works in Pull Requests, too!

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy