Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Markdown

General

TypeFormatPreview
Link1A - [Name](Link) (Inline Links)
1B - [Markdown Guide](https://www.markdownguide.org/)
2A - [[Link in Obsidian]]
2B - [[index]]
3A - [[Link in Obsidian|Rename that link]]
3B - [[index|Homepage]]
4A - [[Link in Obsidian\#Heading]]
4B - [[Markdown\#General]]
5A - [[Link in Obsidian\#^Block ID Reference]]
5B - [[index\#Keyboard Shortcuts on Web]]
6A - ![[Embedded Link]]
6B - ![[index\#Keyboard Shortcuts on Web]]
1B - Markdown Guide
2B - index
3B - Homepage
4B - Markdown
5 B- index
6B -
Transclude of index#Keyboard Shortcuts on Web
Image1A - ![Alt Text](path/to/image/image.png "Optional Hover Text") (Inline Image Links)
1B - ![Alt Text](image.png|)
1C - ![White Heart on Pink Background](lineHeart_1.png "heart")
2A - ![[image.png|size]]
2B - ![[lineHeart_1.png|50]]
3 - _caption of the image. this is just italics_
1C - White Heart on Pink Background
2B -
3 - caption of the image. this is just italics
Thumbnail Image of a YouTube Video1A - [![Image Alt Text](https://img.youtube.com/vi/YOUTUBE-ID/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE-ID)
1B - [![Taylor Swift — All Too Well (10 Minute Version) (Taylor's Version) (From The Vault) (Lyric Video)](https://img.youtube.com/vi/BZ-rLBkUZf4/0.jpg)](https://www.youtube.com/watch?v=BZ-rLBkUZf4)
1B - Taylor Swift — All Too Well (10 Minute Version) (Taylor's Version) (From The Vault) (Lyric Video)
Line Breaks<br>
A<br>B<br><br>C<br><br>D<br>
A
B

C

D
Italics / Emphasis_italics_italics
Bold / Strong**bold**bold
Strikethrough~~strikethrough~~strikethrough
Highlight==highlight==highlight
Bold + Italics + Strikethrough~~**_bold italics strikethrough_**~~bold italics strikethrough
SubscriptText<sub>lower</sub>Text
H<sub>2</sub>O
TextlowerText
H2O
SuperscriptText<sup>higher</sup>Text
X<sup>3</sup>
TexthigherText
X3
Escaping Markdown Syntax- Place a backslash (\) before the special characters
- For lists, a backslash before the period. 1\. Item

This text will not have \_italics\_, \*bold\*, \==highlights\==, \~~strikethrough\~~.

<br>1\. Not<br>2\. A<br>4\. List<br>7\. Item<br>
This text will not have _italics_, *bold*, highlights, ~strikethrough~.

1. Not
2. A
4. List
7. Item
Emojis:emoji_name:
:book: :books: :notebook:
📖 📚 📓

Symbols

NameSymbol&SYMBOL;
Copyright©&copy;
Trademark&trade;
Registered trademark®&reg;
Degree°&#176;
Euro&euro;
Piπ&#960;
Left arrow&larr;
Right arrow&rarr;
Up arrow&uarr;
Down arrow&darr;
NameDash
Hyphen-
En
Em

Mathematics, LaTeX

$$
\begin{vmatrix}a & b\\
c & d
\end{vmatrix}=ad-bc
$$

Lists

Unordered List

- A
    - B
        - C
            - D
        - E
    - F
- G
  • A
    • B
      • C
        • D
      • E
    • F
  • G

Ordered List

1. A
    1. B
        1. C
            1. D
        2. E
    2. F
2. G

  1. A
    1. B
      1. C
        1. D
      2. E
    2. F
  2. G

Definition List

term
: first definition
; second definition

term : first definition ; second definition

Task List

- [x] Read the book "..."
- [x] Annotate
- [ ] Revise and Edit
- [ ] Publish
  • Read the book ”…”
  • Annotate
  • Revise and Edit
  • Publish

Tables

| Normal                                      | Left Aligned                                               |                 Center Aligned                      |                                                      Right Aligned |
| ------------------------------------- | :------------------------------------------------- | :---------------------------------------------: | -------------------------------------------------------: |
| 1                                                | Cat                                                              |                      Pink                                   |                                                                   Book |
| 2                                                 | Dog                                                            |                      Blue                                   |                                          Phone<br>Computer |
| - 3<br>- 4                                  | - Rabbit<br>- Bunny                                  |          - Black<br>- White                       |                                               - Pen<br>- Pencil |
| <ul><li>5</li><li>6</li></ul> | <ul><li>Alpaca</li><li>Llama</li></ul> | <ul><li>Red</li><li>Purple</li></ul> | <ul><li>Keyboard</li><li>Monitor</li></ul> |
NormalLeft AlignedCenter AlignedRight Aligned
1CatPinkBook
2DogBluePhone
Computer
- 3
- 4
- Rabbit
- Bunny
- Black
- White
- Pen
- Pencil
  • 5
  • 6
  • Alpaca
  • Llama
  • Red
  • Purple
  • Keyboard
  • Monitor

Preformatted

In-line Code

Regular Text VS `code`

Regular Text VS code

Syntax Highlighting

this:

```python
print('Hello world')
```

becomes:

print('Hello world')

this:

```json
{
    "firstName": "John",
    "lastName": "Smith",
    "age": 25
}

becomes:

{
    "firstName": "John",
    "lastName": "Smith",
    "age": 25
}

Fenced Code Block

this:

```
{
"firstName": "John",
"lastName": "Smith",
"age": 25
}
```

becomes:


{
"firstName": "John",
"lastName": "Smith",
"age": 25
}

Details, Summaries, and Spoilers

<details>
<summary>Summary of the spoiler</summary>
The hidden text!
</details>
Summary of the spoiler The hidden text!

Blockquotes

> text
> here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula arcu, convallis ac eleifend vel, accumsan id turpis. Sed quis arcu sed nisi hendrerit commodo id molestie est. Sed id tincidunt magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac justo suscipit, fringilla ante sed, condimentum velit. Nam hendrerit est nibh, eleifend rhoncus dui molestie a. Suspendisse potenti. Nullam vel iaculis lorem, vel placerat magna. Mauris ornare massa sed viverra consequat. Cras malesuada, dui in ultrices interdum, magna ipsum aliquet mauris, non auctor diam lorem pharetra arcu. Nunc in ligula vitae sapien aliquam molestie sodales nec urna.

Cras eget gravida libero, non efficitur risus. Aliquam lorem diam, suscipit id pretium id, sollicitudin quis dolor. Phasellus non euismod lacus, vel consectetur odio. Suspendisse ut leo in nisi posuere interdum in sit amet sapien. Donec feugiat massa ut elit porttitor fermentum. Proin imperdiet mi nec ex aliquet ornare. Aliquam arcu tellus, iaculis a bibendum non, laoreet quis neque. Sed augue metus, sagittis nec venenatis vitae, viverra quis elit. Pellentesque eget augue ut orci efficitur elementum. Pellentesque tellus nisl, facilisis non sollicitudin rhoncus, laoreet vitae augue. Proin turpis urna, semper mollis bibendum sit amet, venenatis ac orci.

— Generated 2 paragraphs, 196 words, 1326 bytes of Lorem Ipsum

Admonitions

> :warning: **Warning:** This is a warning!

> :note: **Note:** This is a memo note.

> :light: **Tip:** This is a tip.

⚠️ Warning: This is a warning!

📝 Note: This is a memo note.

💡 Tip: This is a tip.

Callouts

Comments

This line is visible.

[Hidden comment!!]:#

Woah, did you see that hidden comment?

This comment is ____ %%inline%%.

%% This is a

block / multi-line

comment. %%

And that hidden multi-line comment?

This line is visible.

Woah, did you see that hidden comment?

This comment is _ .

And that hidden multi-line comment?

Footnotes

Footnotes will appear at the very end of the page

Lorem ipsum dolor sit amet, consectetur adipiscing elit.[^1] Sed ligula arcu,[^2] convallis ac eleifend vel, accumsan id turpis.[^bignote]

[^1]: This is the footnote.
[^2]: This is a footnote.
[^bignote]: Big Note!!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.1 Sed ligula arcu,2 convallis ac eleifend vel, accumsan id turpis.3

Horizontal Rule / Line / Divider


---

below the 3 hyphens

<hr>

below the hr

***

below the 3 asterisks


below the 3 hyphens


below the hr


below the 3 asterisks

Footnotes

  1. This is the footnote.

  2. This is a footnote.

  3. Big Note!!