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 6Alternative Syntax:
Heading 1
=========
Heading 2
---------Custom Heading Marker (Optional):
^ Heading 1 (if enabled in settings)
^^ Heading 2
^^^ Heading 3Paragraphs
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 thisOrdered 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 itemTask Lists
- [ ] Unchecked task
- [x] Checked task
- [>] Forwarded task
- [<] Scheduled task
- [-] Cancelled task
- [?] Question/Uncertain
- [!] Important task
- [*] Star/BookmarkTask Properties:
- [ ] Task @due(2025-01-30) #priority/high
- [x] Completed task @done(2025-01-23)
- [ ] Task with subtasks
- [x] Subtask 1
- [ ] Subtask 2Definition Lists
Term 1
: Definition 1
Term 2
: Definition 2a
: Definition 2b
HTML Terms
: Hypertext Markup Language
CSS Terms
: Cascading Style SheetsLinks
Standard Links
[Link text](https://example.com)
[Link with title](https://example.com "Link Title")
<https://autolink.com>
<email@example.com>Reference Links
[Link text][reference]
[Another link][ref2]
[reference]: https://example.com
[ref2]: https://example2.com "Optional Title"WikiLinks
[[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]]Internal Links
[Link to heading](#heading-id)
[Link to section](#section-name)Images
Basic Images


Image Sizes
{width=300px}
{height=200px}
{width=50%}Image Alignment
{.center}
{.left}
{.right}WikiLink Images
![[image.png]]
![[folder/image.png|Alt Text]]
![[image.png|300]]
![[image.png|300x200]]Image Captions

*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 levelBlockquotes 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 formulaFootnotes
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 ConsortiumCustom 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 syntaxComments
<!-- 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]]
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.comSmart Punctuation
"Smart quotes"
'Single quotes'
en--dash
em---dash
ellipsis...Emoji
:smile: :heart: :thumbsup:
:rocket: :fire: :star:
Or Unicode emojisKeyboard Keys
Press <kbd>Cmd</kbd> + <kbd>K</kbd>
<kbd>Ctrl</kbd> + <kbd>C</kbd> to copyPreview Modes
Editor Modes
1. Editing Mode: Edit raw markdown
2. Live Preview: WYSIWYG editing
3. Reading Mode: Rendered view only
Toggle: Cmd+ESplit 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 extensionsFlavor 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 indentationPerformance
For large documents:
- Use section folding
- Enable lazy image loading
- Minimize nested callouts
- Limit table complexity
- Use external images for large filesTroubleshooting
Common Issues
Markdown not rendering:
- Check for unclosed code blocks
- Verify proper syntax
- Look for special characters
- Try preview mode refreshLinks not working:
- Use correct WikiLink syntax [[]]
- Check file path is correct
- Verify file exists
- Update links after moving filesImages not showing:
- Check image path
- Verify image in attachments folder
- Use correct image syntax
- Check file permissionsRelated Documentation
- Editor - Editor features
- Templates - Markdown templates
- Export - Export formats
- WikiLinks - Linking system
Last Updated: January 23, 2025 | Version: 1.3.1