Post with all the markdown

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 as well. 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

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. 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

Read all those articles
Autoconverted link https://every-layout.dev/ (enabled via linkify)

Emojis

Literal:
🤩 💯 💚 👻 👾

Classic markup:
😢 💩 🔥 😆 🎄
(A reference for emoji markup)

Shortcuts (emoticons):
😃 😦 😎 😉 😛

mark

Marked text

Footnotes

Footnote 1 link[1].
Footnote 2 link[2].

*[HTML]: Hyper Text Markup Language

Images

Consider that src is already prepended in the settings.

Close-up with unfocused background of a vibrant large blue butterfly gracefully perched on a delicate flower amidst lush green grass


  1. Footnote can have markup
    and multiple paragraphs. ↩︎

  2. Footnote text. ↩︎


View this page on GitHub.