Post with all the markdown

November 2, 2022 markdown feature

A lot of markdown packages are installed to help you write your posts.
You can configure them in config/plugins/markdown.js.

As of my personal preference, there are some presets. For example the conversion of web pages to links (www.lenesaile.com) and the addition of rel="noopener" for external links (all links with the pattern /^https?:/).

This is a tiny pitfall!
Take care to not prefix your internal links with your domain, or else they will be treated as external. To link internally, use this pattern:

An internal link to the [about page](/about/)

h2 Heading

h3 Heading

h4 Heading

Muffin bonbon jujubes cheesecake chupa chups shortbread ice cream cotton candy cake. Jelly-o biscuit dessert danish dessert pastry tootsie roll lemon drops gingerbread. Cheesecake donut marzipan sweet roll icing muffin halvah. Dragée donut cake biscuit pie carrot cake sesame snaps jelly-o gummi bears.

Soufflé topping shortbread lemon.

hr

Typographic replacements

The replacement converts this input:

(c) (C) (r) (R) (tm) (TM) +-
and so on.. and so on... and so on..... AND SO ON???????.....
WTF!!!!!! How many exclamation marks are you going to use????????????
,, -- ---
"double quotes" and 'single quotes'

To this:

© © ® ® ™ ™ ±
and so on… and so on… and so on… AND SO ON???..
WTF!!! How many exclamation marks are you going to use???
, – —
“double quotes” and ‘single quotes’

Emphasis

This is bold text
This is italic text
~~Strikethrough~~

Blockquote

Cheesecake donut marzipan sweet roll icing muffin halvah. Dragée donut cake biscuit pie carrot cake sesame snaps jelly-o gummi bears. Cotton candy cookie croissant fruitcake.

Lists

Unordered lists

Create a list by starting a line with +, -, or *
Another item

Ordered lists

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa

Code

Syntax highlighting

.back-top-top {
  padding: 10px;
  background: white;
  margin-top: 110vh;
  position: sticky;
  bottom: 0;
}

/* by David Darnes */

Tables

Technology	Fun fact
HTML	HTML (Hypertext Markup Language) was created by Sir Tim Berners-Lee in 1991 as a way to structure and link documents on the World Wide Web.
CSS	It’s called “cascading” because styles can cascade down from parent elements to their children, allowing for inheritance and overriding.
JavaScript	TypeError: null is not an object