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
- 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 |
Links
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.