quartz/content/Markdown Showcase.md
Miguel Pimentel eabc1aadde
Pull-Request [ariasae-10-4-2023] from Obsidian (#23)
* PUSH NOTE : Seedlings.md

* PUSH NOTE : Evergreen.md

* PUSH NOTE : Budding.md

* PUSH NOTE : Markdown Showcase.md

* PUSH NOTE : Public Journal.md

* PUSH NOTE : Markdown.md

* PUSH NOTE : index.md

* PUSH NOTE : Digital Garden.md

* PUSH NOTE : About.md

* DELETE FILE : content/Markdown Demo.md

* DELETE FILE : content/Rhombic Dodecahedron d12.md
2023-10-04 15:51:12 -05:00

196 lines
3.1 KiB
Markdown
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: Markdown Showcase
tags: [markdown, reference]
compartir: true
lastmod: 2023-10-03
---
This is intended as a quick reference and showcase.
<!-- more -->
# H1 Heading 1
## H2 Heading 2
### H3 Heading 3
#### H4 Heading 4
##### H5 Heading 5
###### H6 Heading 6
## Text Formatting
Text can be **bold**, _italic_, or ~~strikethrough~~.
You can [link](https://example.dom/) to external pages. and other internal [[Markdown|links]].
## Blockquotes
### Example 1
> This is a blockquote
> with several lines
### Example 2
> ## This is a header.
> 1. This is the first list item.
> 2. This is the second list item.
>
> Here's some example code:
>
> Markdown.generate();
## Lists
### Ordered List
1. First item
2. Second item
3. Third item
### Unordered List
* List item
* Another item
* And another item
### Nested List
* Item
1. First Sub-item
2. Second Sub-item
## Code
### Inline Code
Let us use some `inline code` and check out how it `looks`. Here's some `more`.
### Code Blocks
```html
<html>
<head>
<div style="background-color: #333;">
<a href="https://example.com/">Example</a>
</div>
</head>
</html>
```
```css
.niceClass {
color: blue;
background-color: #fff;
}
```
```js
// Javascript code with syntax highlighting.
var fun = function lang(l) {
dateformat.i18n = require('./lang/' + l)
return true;
}
```
## Tables
|head one|head two|head three|
|---|:---:|---:|
|ok|good swedish fish|nice|
|out of stock|good and plenty|nice|
|ok|good `oreos`|hmm|
|ok|good `zoute` drop|yumm|
## Inline Markdown Within Tables
| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp; | Table |
| ---------- | --------- | ----------------- | ---------- |
| _italics_ | **bold** | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
## Horizontal Rule
---
## Tasks and Todos
- [ ] Pending Task
- [x] Completed Task
* [-] Won't Do Task
* [/] In Progress Task
* [*] You are a star.
* [!] Exclamation Mark!
* [?] Question Mark?
* [<] Scheduled Task
* [>] Forwarded Task
## Images
![image](https://just-the-docs.com/assets/images/small-image.jpg)
## Other Elements — Abbr, Sub, Sup, Kbd, Mark
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
## Callouts
> [!EXAMPLE] Examples
>
> Aliases: example
> [!note] Notes
>
> Aliases: note
> [!abstract] Summaries
>
> Aliases: abstract, summary, tldr
> [!info] Info
>
> Aliases: info, todo
> [!tip] Hint
>
> Aliases: tip, hint, important
> [!success] Success
>
> Aliases: success, check, done
> [!question] Question
>
> Aliases: question, help, faq
> [!warning] Warning
>
> Aliases: warning, caution, attention
> [!failure] Failure
>
> Aliases: failure, fail, missing
> [!danger] Error
>
> Aliases: danger, error
> [!bug] Bug
>
> Aliases: bug
> [!quote] Quote
>
> Aliases: quote, cite