Markdown Cheatsheet for absolute beginner's

Markdown Cheatsheet for absolute beginner's

Shriram balaji's photo
Shriram balaji
·Jul 23, 2022·

3 min read

Introduction

Hello every you might find hard to write hash node article if you don't know how to write markdown .md files.

Markdown is a lightweight markup language for creating formatted text using a plain-text editor.

which is also used in Github readme file by following this article below you will get a brief introduction or kind of cheat sheet for markdown language.


  • Creating Heading

    Heading 1

    Heading 2

    Heading 3

    Heading 4

code👇🏻

Screenshot 2022-07-23 at 1.00.20 PM.png

We use '#' to indicate that it is a header.

NOTE: the space after #

  • Text formatting

    bold bold

    italic italic

Screenshot 2022-07-23 at 5.15.18 PM.png

code👇🏻

textmanipulation.png

Here for bold and italics we can make use of either '**' or '__' anything is fine.

For strike through we enclose the text with '```'

NOTE: you should leave a 1 line gap to get paragraph

Quoting

make use of > symbol for quoting

quoteing .png

  • Lists

    Ordered lists

    1. line one
    2. line two
    3. line three
      1. nested line one
      2. nested line two
    4. line four

code👇🏻

ordered list.png

Just by using '1.' you can get a ordered list, to get nested ordered list provide a tab space in the list as shown.

NOTE: Here, I used 2. three times but the list in the preview comes out to be correct order

Do not forget to give space after 1.

Unordered list

  • list
    • nested
    • nested
  • list
  • list

code👇🏻

unordered list.png

same as ordered list just replace '1.' with '-'

google

code👇🏻

inline link.png

A simple inline link to a webpage is shown above, as you can see the syntax goes like this text to be shown goes inside square brackets i.e '[]' and the link to the webpage goes inside Parentheses '()'.

hover effect can be done using the code below

code👇🏻

Inline link 2.png

Here adding extra text bounded in " " in Parentheses itself will add this feature.

  • Inserting code snippets

proper code 
system.out.println("hello people");

code👇🏻

code snipit 1.png

you can able to insert a code snippet using "```", to specify which language cod you are inserted, you can do that as I did in first line

Another example

console.log("hello");

code👇🏻

code snippet 2.png

  • Inserting images

google.png

code👇🏻

image.png

Here you just need to follow the same syntax of link and add "!" in front of square bracket.

  • Table

Screenshot 2022-07-23 at 4.50.26 PM.png

code👇🏻

Table.png

There must be at least 3 to 4 - to separate each header cell.

Thank you, You reached the end of the article😍

 
Share this