FeaturesMarkdown

Markdown - Complete Reference

Lokus supports extended markdown with powerful additions for note-taking. This guide covers standard markdown plus Lokus-specific extensions.

Version: 1.3.1 | Flavor: GitHub Flavored Markdown + Extensions

Basic Formatting

Headings

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

Alternative Syntax:

Heading 1
=========
 
Heading 2
---------

Custom Heading Marker (Optional):

^ Heading 1  (if enabled in settings)
^^ Heading 2
^^^ Heading 3

Paragraphs

This is a paragraph. Just write normally.
 
Leave a blank line to start a new paragraph.
 
This is another paragraph.

Line Breaks

Method 1: Two spaces at end of line
Then next line.
 
Method 2: Backslash at end\
Then next line.
 
Method 3: HTML break<br>Then next line.

Emphasis

Bold:

**bold text**
__also bold__

Italic:

*italic text*
_also italic_

Bold + Italic:

***bold and italic***
___also bold and italic___
**_mixed formatting_**

Strikethrough:

~~strikethrough text~~

Underline:

<u>underlined text</u>

Highlight:

==highlighted text==

Inline Code

Use `backticks` for inline code.
 
Code with backticks: ``use `backtick` in code``

With Syntax:

`var code = "javascript"`{.js}
`print("python")`{.python}

Lists

Unordered Lists

- Item 1
- Item 2
  - Nested item 2.1
  - Nested item 2.2
    - Deeply nested 2.2.1
- Item 3
 
* Alternative syntax
* Works the same
  * Can mix styles
  - Like this

Ordered Lists

1. First item
2. Second item
   1. Nested item
   2. Another nested
3. Third item
 
Start from different number:
5. Fifth item
6. Sixth item

Task Lists

- [ ] Unchecked task
- [x] Checked task
- [>] Forwarded task
- [<] Scheduled task
- [-] Cancelled task
- [?] Question/Uncertain
- [!] Important task
- [*] Star/Bookmark

Task Properties:

- [ ] Task @due(2025-01-30) #priority/high
- [x] Completed task @done(2025-01-23)
- [ ] Task with subtasks
  - [x] Subtask 1
  - [ ] Subtask 2

Definition Lists

Term 1
: Definition 1
 
Term 2
: Definition 2a
: Definition 2b
 
HTML Terms
: Hypertext Markup Language
 
CSS Terms
: Cascading Style Sheets
[Link text](https://example.com)
[Link with title](https://example.com "Link Title")
<https://autolink.com>
<email@example.com>
[Link text][reference]
[Another link][ref2]
 
[reference]: https://example.com
[ref2]: https://example2.com "Optional Title"
[[Note Title]]
[[folder/Note Title]]
[[Note Title|Display Text]]
[[Note Title#Heading]]
[[Note Title#^block-id]]

WikiLink Formats:

Shortest: [[note]]
Absolute: [[/folder/subfolder/note]]
Relative: [[../folder/note]]
With Alias: [[note|Alias Text]]
With Heading: [[note#Section]]
With Block: [[note#^block123]]
[Link to heading](#heading-id)
[Link to section](#section-name)

Images

Basic Images

![Alt text](image.png)
![Alt text](https://example.com/image.jpg "Image Title")
![](image.png)

Image Sizes

![Image](image.png){width=300px}
![Image](image.png){height=200px}
![Image](image.png){width=50%}

Image Alignment

![Image](image.png){.center}
![Image](image.png){.left}
![Image](image.png){.right}
![[image.png]]
![[folder/image.png|Alt Text]]
![[image.png|300]]
![[image.png|300x200]]

Image Captions

![Alt text](image.png)
*Image caption goes here*
 
Or with HTML:
<figure>
  <img src="image.png" alt="Alt text">
  <figcaption>Image caption</figcaption>
</figure>

Code Blocks

Fenced Code Blocks

```
Basic code block
No syntax highlighting
```
 
```javascript
// JavaScript with highlighting
const greeting = "Hello, World!";
console.log(greeting);
```
 
```python
# Python with highlighting
def hello():
    print("Hello, World!")
```

Supported Languages

100+ languages including:
- javascript, typescript, jsx, tsx
- python, java, c, cpp, csharp, go, rust
- html, css, scss, less
- sql, graphql, yaml, json, xml
- bash, shell, powershell
- markdown, latex, dockerfile
- ruby, php, swift, kotlin
- and many more...

Code Block Options

```javascript {1,3-5}
// Highlight lines 1, 3, 4, 5
const a = 1;
const b = 2;
const c = 3;
const d = 4;
const e = 5;
```
 
```python {numberLines: true}
# Show line numbers
def function():
    pass
```
 
```javascript title="filename.js"
// Show filename
console.log("code");
```

Inline Code Execution

```javascript exec
// Executable code block (if enabled)
return 2 + 2;
```

Tables

Basic Tables

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |

Alignment

| Left    | Center  | Right   |
|:--------|:-------:|--------:|
| Left    | Center  | Right   |
| aligned | aligned | aligned |

Complex Tables

| Feature | Supported | Notes |
|---------|:---------:|-------|
| Bold | Yes | Use **bold** |
| Italic | Yes | Use *italic* |
| Code | Yes | Use `code` |
| Links | Yes | [link](url) |
| Images | No | Not in tables |

Spanning Columns

| Col 1 | Col 2 | Col 3 |
|-------|-------|-------|
| Span across cols || |
| Normal | Cell | Cell |

Blockquotes

Basic Blockquotes

> This is a blockquote.
> It can span multiple lines.
 
> Another blockquote.
>
> With multiple paragraphs.

Nested Blockquotes

> First level
>> Second level
>>> Third level
 
> Back to first level

Blockquotes with Formatting

> **Bold** and *italic* work.
>
> - Lists work too
> - Another item
>
> ```code
> Code blocks work
> ```

Callouts / Admonitions

Basic Callouts

>[!note]
>This is a note callout.
 
>[!tip]
>Helpful tip here.
 
>[!warning]
>Important warning message.
 
>[!danger]
>Critical information!

Callout Types

>[!note] | >[!info] | >[!todo]
>[!tip] | >[!hint] | >[!success]
>[!question] | >[!help] | >[!faq]
>[!warning] | >[!caution] | >[!attention]
>[!danger] | >[!error] | >[!bug]
>[!example] | >[!quote] | >[!cite]

Callout with Title

>[!tip] Pro Tip
>Custom title for your callout.
>Multiple paragraphs supported.
 
>[!warning] Before You Proceed
>Read this carefully.

Foldable Callouts

>[!note]- Click to Expand
>This content is hidden by default.
>Click the title to reveal.
 
>[!tip]+ Expanded by Default
>This is visible.
>Can be collapsed.

Math Equations

Inline Math

Einstein's equation: $E = mc^2$
 
Quadratic formula: $x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$
 
Greek letters: $\alpha, \beta, \gamma, \delta$

Block Math

$$
\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
$$
 
$$
\begin{aligned}
f(x) &= x^2 + 2x + 1 \\
&= (x + 1)^2
\end{aligned}
$$

Common LaTeX Syntax

Fractions: \frac{numerator}{denominator}
Square root: \sqrt{x}
Powers: x^2, x^{10}
Subscripts: x_1, x_{10}
Summation: \sum_{i=1}^{n} i
Integral: \int_a^b f(x) dx
Limits: \lim_{x \to \infty} f(x)
Matrices:
\begin{matrix}
a & b \\
c & d
\end{matrix}

Horizontal Rules

---
 
***
 
___
 
- - -
 
* * *

Superscript & Subscript

X^2^           Superscript
H~2~O          Subscript
E=mc^2^        Einstein
CH~3~CH~2~OH   Chemical formula

Footnotes

Here's a sentence with a footnote[^1].
 
Another sentence[^note].
 
[^1]: This is the footnote.
[^note]: Named footnotes work too.

Abbreviations

The HTML specification is maintained by W3C.
 
*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium

Custom Containers

::: container-name
Content goes here
:::
 
::: warning
Important warning
:::
 
::: {.custom-class #custom-id}
With class and ID
:::

HTML in Markdown

<div class="custom">
  Markdown **still** works here
</div>
 
<span style="color: red">Red text</span>
 
<details>
  <summary>Click to expand</summary>
  Hidden content
</details>

Escaping Characters

\* Escaped asterisk
\_ Escaped underscore
\` Escaped backtick
\# Escaped hash
\[ Escaped bracket
 
Use backslash to escape markdown syntax

Comments

<!-- HTML comments work -->
<!-- They won't appear in rendered output -->
 
[//]: # (Alternative comment syntax)
[//]: # (Also hidden)
 
%%Obsidian-style comments%%
(If enabled in settings)

Frontmatter

YAML Frontmatter

---
title: Note Title
date: 2025-01-23
tags:
  - tag1
  - tag2
author: Author Name
description: Note description
---

TOML Frontmatter

+++
title = "Note Title"
date = 2025-01-23
tags = ["tag1", "tag2"]
+++

JSON Frontmatter

;;;
{
  "title": "Note Title",
  "date": "2025-01-23",
  "tags": ["tag1", "tag2"]
}
;;;

Embeds

Embed Notes

![[Other Note]]
![[Other Note#Section]]
![[Other Note^block-id]]

Embed PDFs

![[document.pdf]]
![[document.pdf#page=5]]

Embed Audio/Video

![[audio.mp3]]
![[video.mp4]]
![](https://youtube.com/watch?v=...)

Mermaid Diagrams

```mermaid
graph TD
    A[Start] --> B{Decision}
    B -->|Yes| C[Result 1]
    B -->|No| D[Result 2]
```
 
```mermaid
sequenceDiagram
    Alice->>Bob: Hello!
    Bob->>Alice: Hi!
```
 
```mermaid
gantt
    title Project Timeline
    dateFormat YYYY-MM-DD
    section Phase 1
    Task 1: 2025-01-01, 30d
```

Markdown Extensions

Auto-Linking

URLs automatically become links:
https://example.com
 
Emails too:
email@example.com

Smart Punctuation

"Smart quotes"
'Single quotes'
en--dash
em---dash
ellipsis...

Emoji

:smile: :heart: :thumbsup:
:rocket: :fire: :star:
 
Or Unicode emojis

Keyboard Keys

Press <kbd>Cmd</kbd> + <kbd>K</kbd>
 
<kbd>Ctrl</kbd> + <kbd>C</kbd> to copy

Preview Modes

Editor Modes

1. Editing Mode: Edit raw markdown
2. Live Preview: WYSIWYG editing
3. Reading Mode: Rendered view only

Toggle: Cmd+E

Split View

View markdown and preview side-by-side
- Left: Markdown source
- Right: Rendered preview
- Synchronized scrolling

Enable: Cmd+\

Export Options

Export Formats

Export markdown to:
- PDF: Print-ready documents
- HTML: Web pages
- DOCX: Word documents
- Plain MD: Standard markdown
- With/without extensions

Flavor Selection

Choose markdown flavor for export:
- Standard Markdown
- GitHub Flavored Markdown (GFM)
- CommonMark
- Pandoc Markdown
- Lokus Extended (all features)

Best Practices

Writing Tips

Yes Use headings hierarchically (don't skip levels)
Yes Leave blank lines between sections
Yes Use consistent list markers
Yes Close all code blocks properly
Yes Use descriptive link text
Yes Add alt text to images

No Don't over-nest lists (3 levels max)
No Don't use raw HTML excessively
No Don't forget to escape special characters
No Don't mix tab and space indentation

Performance

For large documents:
- Use section folding
- Enable lazy image loading
- Minimize nested callouts
- Limit table complexity
- Use external images for large files

Troubleshooting

Common Issues

Markdown not rendering:

- Check for unclosed code blocks
- Verify proper syntax
- Look for special characters
- Try preview mode refresh

Links not working:

- Use correct WikiLink syntax [[]]
- Check file path is correct
- Verify file exists
- Update links after moving files

Images not showing:

- Check image path
- Verify image in attachments folder
- Use correct image syntax
- Check file permissions

Last Updated: January 23, 2025 | Version: 1.3.1