Dendron extends regular Markdown with additional syntax. This covers everything in GitHub Flavored Markdown (GFM) with additional features that are unique to Dendron. Take a look at some examples in this note to see what's possible. Have the preview view opened (
Dendron: Show Preview) to see how these will get rendered.
Markdown Formatting Options
Markdown tables and basic formatting are made with the following syntax:
|Formatting|Example| |:---|:---:| |Bold|**Hello World**| |Italics|_Hello World_| |Strikethrough|~~Hello World~~|
The above table becomes rendered as the following, in the preview pane:
🌱 ACTION: Copy any image onto your clipboard, and then use the
Paste Imagecommand while focused in your editor pane. This will automatically create a link for you and copy the file contents into the assets directory in your workspace.
Sample Image Link:
Math typesetting can be written through Katex
Various types of diagrams are supported with the mermaid visualization syntax.
```mermaid graph TD; A-->B; A-->C; ```
```mermaid sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good! ```
Markdown provides a way to render syntax highlighting and formatting of code.
# Whoa, I'm doing math in Python result = 2 + 2 print(result)
The above code is in python. Both the editor view and preview view should show some syntactical flavor to the code block. You can also have code blocks with or without designated language markers.
# Whoa, this is a code block explicitly ## stating it is in bash! echo "This is a bash example!" ps -ef | grep codium
bash is used on the first line of the code block, and
python on the previous code block. If missing a language marker, code blocks look like this:
# Whoa, this is still bash, but without ## it explicitly stated on the first line! echo "This is a bash example!" ps -ef | grep codium
Note References are unique to Dendron. You can embed a section of a different note, and have the content in-lined into the current note.
🌱 ACTION: Create
[[recipes.favorites]], if you haven't yet. We're going to add some content in here to reuse as a note reference!
Add the following contents to
My favorite recipes, by far. I must avoid. - [[recipes.italian.desserts.tiramisu]] - [[Chinese Wontons|recipes.chinese.appetizers.wontons]]
[[recipes]], add the following contents:
## Favorites ![[recipes.favorites]]
After completing the above, remove the surrounding backticks from the following and look in the preview view to see how this renders:
💡 TIP: Note references can get more fine-grained, targeting headers, sections, or blocks of text. You can learn more from the docs in Note References.