This is a simple guide to use when formatting pages in Obsidian. [1] Most of the formatting applies the same to wiki sites.

Basic Formatting

Paragraphs

This is a paragraph.
This is not a spaced paragraph.

This is a spaced paragraph. Multiple        adjacent        spaces        are        removed.



As well as multiple newlines between paragraphs.

# This is a heading 1
## This is a heading 2
### This is a heading 3
#### This is a heading 4
##### This is a heading 5
###### This is a heading 6

These are Horizontal rules:
***
---
___

This is a paragraph.
This is not a spaced paragraph.

This is a spaced paragraph. Multiple adjacent spaces are removed.

As well as multiple newlines between paragraphs.

(SOME HEADINGS HIDDEN TO NOT RUIN PAGE NAVIGATION)

This is a heading 3

This is a heading 4

This is a heading 5
This is a heading 6

These are Horizontal rules:

Font

**Bold** or __
*Italics* or _
~~Strikethrough~~
==Highlight==
**Bold text and _nested italic_ text**
***Bold and italic text*** or ___

Bold
Italics
Strikethrough
Highlight
Bold text and nested italic text
Bold and italic text

Internal Link
[[Internal Link to a Heading#Heading 1]]
Internal Link but Renamed

[External Link](https://help.obsidian.md/Editing+and+formatting/Basic+formatting+syntax#Internal%20links)

![Image](https://history-computer.com/ModernComputer/Basis/images/Engelbart.jpg)

![Resized Image|200x100](https://history-computer.com/ModernComputer/Basis/images/Engelbart.jpg)

![Scaled to width Image|100](https://history-computer.com/ModernComputer/Basis/images/Engelbart.jpg)

!EmbeddedImage.jpg

[[Internal Link]]
Internal Link but Renamed

External Link

If your URL contains blank spaces, you need to escape them by replacing them with %20

Image
Resized Image|200x100
Scaled to width Image|100
![[EmbeddedImage.jpg]]

Lists

- This Is a bulleted List
	- This one is indented
		This is a new line with no bullet

1. First list item
   1. Nested list item
2. Second list item
   - Nested Bullet

\- Line that is not a list

- [x] This is a completed task.
- [ ] This is an incomplete task.
	- [ ] Subtask
  1. First list item
    1. Nested list item
  2. Second list item
    • Nested Bullet

- Line that is not a list

Quotes

> Multiline
> Quote

> [!info]
> Here's a **callout** block.

This is a %%hidden inline%% comment.

%%
This is a block comment.

Block comments can span multiple lines.
%%

Multiline
Quote

Info

Here's a callout block.

This is a %%hidden inline%% comment.

%%
This is a block comment.

Block comments can span multiple lines.
%%

Code

Inline `code`

‎` ` ` (Remove spaces between ` ` `)
Code
Block 
‎` ` `

` ` `py
message = "This is a python script!"
if message != "Hello World"
	print(message)
` ` `

Inline code

Code
Block

message = "This is a python script!"
if message != "Hello World":
	print(message)

References

This is a simple footnote[^1].
You can also use inline footnotes. ^[This is an inline footnote.]
This is a named footnote[^note]

[^1]: This is the referenced text.
[^2]: Add 2 spaces at the start of each new line.
  This lets you write footnotes that span multiple lines.
[^note]: Named footnotes still appear as numbers, but can make it easier to identify and link references.

This is a simple footnote[2].
You can also use inline footnotes. [3]
This is a named footnote[4]

Advanced Formatting

Tables

This is one way to make a table:

| First name | Last name |
| ---------- | --------- |
| Max        | Planck    |
| Marie      | Curie     |

This is another way:

First name | Last name
-- | --
Max | Planck
Marie | Curie

This table has alignment:

Left-aligned text | Center-aligned text | Right-aligned text
:-- | :--: | --:
**Bold** | Link | Vert \| Bar

(You can have formatting inside a table)
Online Table Generator

This is one way to make a table:

First name Last name
Max Planck
Marie Curie

This is another way:

First name Last name
Max Planck
Marie Curie

This table has alignment:

Left-aligned text Center-aligned text Right-aligned text
Bold [[Link]] Vert | Bar

Diagrams

` ` `mermaid (Remove spaces between ` ` `)
sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!
` ` `

` ` `mermaid
graph TD

Biology --> Chemistry

class Biology,Chemistry internal-link;
` ` `

Live Diagram Editor

sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!
graph TD

Biology --> Chemistry

class Biology,Chemistry internal-link;

Math

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

This is an inline math expression $e^{2i\pi} = 1$.

Mathjax Documentation

|abcd|=ad−bc

This is an inline math expression e2iπ=1.

Other Links

Official Formatting Guide
Online Table Generator
Live Diagram Editor
Mathjax Documentation

  1. Cheat Sheet written by BubblesAndSuch - [bubs.cc] ↩︎

  2. This is the referenced text. ↩︎

  3. This is an inline footnote. ↩︎

  4. Named footnotes still appear as numbers, but can make it easier to identify and link references. ↩︎