See markdown quick guide for the basics.
Creating a ```@html block allows raw HTML to be passed back to the browser, allowing features not handled by markdown:
``@html
<div>This HTML is passed through raw</div>
``
Note 1: if you are just using this to apply classes, consider using Tailwind Markdown support Note 2: this can also be used to pass Components
\ before a markdown specific symbol leaves it intact as in \* or \#
Things knocking up right against one another? Leave a double newline to space them out.
--- makes one of these cuties:
You kind of 'draw' them with - and | characters e.g.
| Pet | Colour | Favourite |
|-|-|-|
| Cat | Black | Always |
| Dog | Grey | Sometimes |
| Pet | Colour | Favourite |
|---|---|---|
| Cat | Black | Always |
| Dog | Grey | Sometimes |
[^name] in the text gets linked to a repeat of [^name]: to tie references together.
Note: even if you put the reference in immediately afterward, it is always displayed at the bottom of the page.
Example:
In Hamlet, Shakespeare eloquently states "To be, or not to be, that is the question" [^shakespeare_ref].
[^shakespeare_ref]: (Shakespeare, Hamlet, Act 3, Scene 1)
In Hamlet, Shakespeare eloquently states "To be, or not to be, that is the question" [1]
Note: the reference is at the bottom of the page even though it appears before THIS text in the doc
> kicks something into a <blockquote>
which looks different on every website depending on the CSS
~~strikethrough~~ use 2 tildas for a strikethrough
(Shakespeare, Hamlet, Act 3, Scene 1) ↩