Akram Narejo Profile picture
Frontend Developer πŸ‘¨β€πŸ’» React.js | Next.js β€’ blockhain enthusiast β€’ @ImranKhanPTI✌️

Aug 5, 2021, 12 tweets

How to write ✍️ your notes πŸ—’, blog r even your github repositories with the markdown markup lang.
Let’s learn d following:
β€’ headings
β€’ text styling
β€’ links
β€’ syntax
β€’ paragraphs
β€’ lists
β€’ tables
Follow d thread 🧡 2 read them πŸ‘‡
#DEVCommunity #100DaysOfCode #markdown

1️⃣ Headings
For headings just insert the # before heading. And the numbers of # defines the heading number.

2️⃣ Text styling
To make bold use **text**
To make italic use * text * or _text_
For both use **_text_**

3️⃣ Links
β€’ Links are created with large brackets[] & small ()
[link name](href)
β€’ for images use ! Before large brackets
![dog](link)
β€’ also can show the reference by giving a more large brackets
![dog][dog-ref](link)
[dog]: link

4️⃣ Syntax
Also can write 1 line code or a block of code πŸ‘¨β€πŸ’»
β€’ wrap the code with back ticks ` return β€œhello”`
β€’ Or wrap with 3 ``` to write block.
β€’ With opening 3 back ticks mention the language & code will have that style.
like
```javascript

```

5️⃣ Paragraphs
Write paragraphs consecutively and if you leave line in between then new paragraph will start.
β€’ for new line put the 3 spaces after the line.

6️⃣ Lists
Lists are unordered and ordered and they can be nested together.
β€’ for Unordered just put the * and space before.
β€’ for ordered put the 1. and space before.

7️⃣ Blockquotes >
For blockquotes just put the > greater than sign before text. You can also add for the blank lines to extend the quote.

8️⃣ Tables
Tables are also easy to write just follow the pattern.
| column name | column name |
| β€”β€”β€”β€”β€”β€”- | β€”β€”β€”β€”β€”β€”β€” |
| text | text |
To align the data in table just put the colon : to the dashes -
β€’ left :β€”β€”β€”β€”β€”β€”-
β€’ center :β€”β€”β€”β€”-:
β€’ right β€”β€”β€”β€”β€”-:

9️⃣ Tasks
for tasks use the following pattern
-[x] task1
-[ ] task2
β€’ x means task is done βœ…
β€’ blank means remaining task.

for practice use the online editors like
stackedit.io
dillinger.io
or you can download Typora typora.io for your desktop.

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling