Markdown Extra Components

- 2 mins

Summary:

You can pick as item to see how to apply in markdown.

Especial Elements

External Elements


Evidence

You can try the evidence!

Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else.


Side-by-side

Like the Medium component.

Image on the left and Text on the right:

<div class="toright">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

Text on the left and Image on the right:

<div class="toright">
    <img class="image" src="https://vieirinha.dev/assets/images/profile.png" alt="Alt Text">
    <figcaption class="caption">Photo by John Doe</figcaption>
</div>

Star

You can give evidence to a post. Just add the tag to the markdown file.


Especial Breaker

You can add a especial hr to your text.


Spoiler

You can add an especial hidden content that appears on hover.


Gist

You can add Gists from github.


Codepen

You can add Pens from Codepen.


Slideshare

Add your presentations here!


Videos

Do you want some videos? Youtube, Vimeo or Vevo? Copy the embed code and paste on your post!

Example

rss facebook twitter github gitlab youtube mail spotify lastfm instagram linkedin google google-plus pinterest medium vimeo stackoverflow reddit quora quora