This is a H2 Heading
This is a H3 Heading
This is a H4 Heading
This is a H5 Heading
This is a H6 Heading
Horizontal Rules
Emphasis
This is bold text
This is italic text
Strikethrough
Quotes
”Double quotes” and ‘single quotes’
Blockquotes
Blockquotes can also be nested…
…by using additional greater-than signs right next to each other…
References
An example containing a clickable reference1 with a link to the source.
Second example containing a reference2 with a link to the source.
If you check out this example in src/content/post/markdown-elements/index.md
, you’ll notice that the references and the heading “Footnotes” are added to the bottom of the page via the remark-rehype plugin.
Lists
Unordered
- Create a list by starting a line with
+
,-
, or*
- Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Marker character change forces new list start:
- Very easy!
Ordered
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing elit
-
Integer molestie lorem at massa
-
You can use sequential numbers…
-
…or keep all the numbers as
1.
Start numbering with offset:
- foo
- bar
Code
Inline code
Indented code
// Some commentsline 1 of codeline 2 of codeline 3 of code
Block code “fences”
Sample text here...
Syntax highlighting
var foo = function (bar) { return bar++;};
console.log(foo(5));
Expressive code examples
Adding a title
console.log("Title example");
A bash terminal
echo "A base terminal example"
Highlighting code lines
function demo() { console.log("this line is marked as deleted"); // This line and the next one are marked as inserted console.log("this is the second inserted line");
return "this line uses the neutral default marker type";}
Expressive Code can do a ton more than shown here, and includes a lot of customisation.
Tables
Option | Description |
---|---|
data | path to data files to supply the data that will be passed into templates. |
engine | engine to be used for processing templates. Handlebars is the default. |
ext | extension to be used for dest files. |
Right aligned columns
Option | Description |
---|---|
data | path to data files to supply the data that will be passed into templates. |
engine | engine to be used for processing templates. Handlebars is the default. |
ext | extension to be used for dest files. |
Images
Image in the same folder: src/content/post/markdown-elements/logo.png
![Astro theme cactus logo](/.netlify/images?url=_astro%2Flogo.DMXfm6vf.png)