Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/enginooby-practice/markdown

Mixing HTML and GitHub Flavored Markdown.
https://github.com/enginooby-practice/markdown

github-flavored-markdown html markdown

Last synced: about 7 hours ago
JSON representation

Mixing HTML and GitHub Flavored Markdown.

Awesome Lists containing this project

README

        

# List of practiced topics
|[Header](#header)|[Emphasis](#emphasis)|[Image](#image)|[Button](#button)|[Dropdown](#dropdown)|[Blockquote](#blockquote)|[List & Task](#list)|[Reference link](#reference-link)|[Hightlight](#hightlight)|[Color](#color)|
|---|---|---|---|---|---|---|---|---|---|

## Basic
- **Emojis:** [Cheat sheet](https://www.emojicopy.com)
- **Mention:** @97noob @cpulover-projects
- **Issue mention:** ```[Issue 1](#1)``` ➡ [Issue 1](#1)
- **Horizontal line:** ```---``` or ```***``` or ```___```
- **Line break:** ```
``` or `2 whitespace` or `\`
- **Blackslash escape:** ```*Italic*``` => *Italic* vs. ```\*Not italic\*``` => \*Not italic\*
- **Header anchor link:** ```[Go to bottom](#bottom)``` ➡ [Go to bottom](#bottom)
- **Manual anchor link:** ```[Manual anchor](#just-a-random-anchor)``` ➡ [Manual anchor](#just-a-random-anchor)
- **Link:** ```[My GitHub profile](https://github.com/cpulover)``` ➡ [My GitHub profile](https://github.com/cpulover)
- **Code block:** \`\`\`System.out.println("Hello!");\`\`\` ➡ ```System.out.println("Hello!");```
- **Hidden comment:** ```[//]: # (You can not see this on a seperate line)```

[//]: # (You can not see this on a seperate line)

## Header
```
#

heading
##

heading
### You get it!
```

## Emphasis
Syntax | Output |
---|---|
```*This text will be italic*```|*This text will be italic*
```_This will also be italic_ ```|_This will also be italic_
```**This text will be bold** ```|**This text will be bold**
```__This will also be bold__```|__This will also be bold__
```Text with `backticks` inside```|Text with `backticks` inside
```~~This text will be deleted~~```|~~This text will be deleted~~
```*You **can** `combine` ~~them~~*```|*You **can** `combine` ~~them~~*

## Image

Left align

<img align="left" width="150" src="https://github.com/cpulover-practice/markdown/blob/master/images/avt2.jpg">



Right align
<img align="right" width="150" src="./images/avt2.jpg">



Center align
<p align="center"><img width="150" src="./images/avt2.jpg"></p>




## Button


A single button

[GitHub](https://github.com/)

|---|

[GitHub](https://github.com/)
|---|

A row of buttons

|[Google](https://www.google.com/)|[Facebook](http://facebook.com/)|[Youtube](https://www.youtube.com/)|

|---|---|---|

|[Google](https://www.google.com/)|[Facebook](http://facebook.com/)|[Youtube](https://www.youtube.com/)|
|---|---|---|




\

## Dropdown

Dropdown contains a list


  • Item 1

  • Item 2


Dropdown contains a code block

$ This dropdown contains
a code block!

Opening dropdown


<details open>
<summary>Want to ruin the surprise?</summary>
<br>
Well, you asked for it!
</details>


## Blockquote

Code


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

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

## List

Unordered list


- Item 1
- Item 2
- Item 2a
- Item 2b


- Item 1
- Item 2
- Item 2a
- Item 2b

Ordered list


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

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

Task list


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



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

## Reference link

Declare links


[//]: # (Declared links are invisible, can be put anywhere)
[cat]: https://en.wikipedia.org/wiki/Cat
[github-profile]: https://github.com/cpulover

[//]: # (Declare reference links, they are invisible, can be put anywhere)
[cat]: https://en.wikipedia.org/wiki/Cat
[github-profile]: https://github.com/cpulover

Use links


I like [cat][]. So check out my [profile][github-profile]!



I like [cat][]. So check out my [profile][github-profile]!

## Hightlight

Code


```diff
- text in red
+ text in green
! text in orange
# text in gray
@@ text in purple (and bold)@@
```

```diff
- Text in red.
+ Text in green.
! Text in orange.
# Text in gray.
@@ Text in purple (and bold).@@
```

## Color

Inline style


![#ff0000](https://placehold.it/12/ff0000?text=+) Small red
![#9900c5](https://placehold.it/15/9900c5?text=+) Medium purple
![#157500](https://placehold.it/20/157500?text=+) Large green



![#ff0000](https://placehold.it/12/ff0000?text=+) Small red
![#9900c5](https://placehold.it/15/9900c5?text=+) Medium purple
![#157500](https://placehold.it/20/157500?text=+) Large green

Block style


![](https://placehold.it/300x90/ff0000/000000?text=IMPORTANT!)
![](https://placehold.it/250x90/ff6600/000?text=WARNING!)
![](https://placehold.it/200x90/009955/fff?text=SUCCESS!)



![](https://placehold.it/300x90/ff0000/000000?text=IMPORTANT!)
![](https://placehold.it/250x90/ff6600/000?text=WARNING!)
![](https://placehold.it/200x90/009955/fff?text=SUCCESS!)

---

#### Bottom
[**Go to top**](#list-of-practiced-topics)