wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Redo markdown preview

Browse source
This commit is contained in:
madrilene 2024-02-07 12:28:35 +01:00
parent d7c1540f23
commit 537bea1136
2 changed files with 54 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/assets/css/blocks/footnotes.css Normal file
View file

@ -0,0 +1,21 @@
.footnotes {
font-size: var(--size-step-min-1);
}
.footnote-ref {
font-size: var(--size-step-min-1);
vertical-align: super;
margin-inline-start: var(--space-xs);
color: var(--color-secondary);
}
.footnote-backref {
text-decoration: none;
background-color: var(--color-bg-accent);
border-radius: var(--border-radius);
padding-inline: var(--space-xs);
}
.footnote-backref:hover {
color: var(--color-primary);
}

52
src/posts/2022-11-02-markdown.md
View file

@ -5,11 +5,13 @@ date: 2022-11-02
tags: ['markdown', 'feature'] tags: ['markdown', 'feature']
--- ---
A lot of markdown packages are installed to help you write your posts. You can configure them in `config/plugins/markdown.js`. 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 automatic conversion of web pages to links (lenesaile.com) and the automatic addition of `target: '_blank'` and `rel: 'noreferrer noopener'` for external links (all links with the pattern`/^https?:/`). As of my personal preference, there are some presets. For example the automatic conversion of web pages to links (www.lenesaile.com) and the automatic addition of and `rel: 'noopener'` for external links (all links with the pattern`/^https?:/`).
This is a small pitfall! Take care to not prefix your internal links with your domain, or else they will be treated ad external as well. To link internally use this pattern: **This is a tiny pitfall!**
Take care to not prefix your internal links with your domain, or else they will be treated ad external as well. To link internally use this pattern:
``` ```
An internal link to the [about page](/about/) An internal link to the [about page](/about/)
@ -75,12 +77,16 @@ _This is italic text_
Syntax highlighting Syntax highlighting
```js ```css
var foo = function (bar) { .back-top-top {
return bar++; padding: 10px;
}; background: white;
margin-top: 110vh;
position: sticky;
bottom: 0;
}
console.log(foo(5)); /* by David Darnes */
``` ```
## Tables ## Tables
@ -93,27 +99,29 @@ console.log(foo(5));
## Links ## Links
`rel="noreferrer noopener"` and `target="_blank"` is added automatically to external links. So is an indicator icon, see global-styles.css [Read all those articles](https://moderncss.dev/)
[link text](http://dev.nodeca.com) Autoconverted link https://every-layout.dev/ (enabled via linkify)
[link with title](http://nodeca.github.io/pica/demo/ 'title text!')
Autoconverted link https://github.com/nodeca/pica (enabled via linkify) ## Emojis
### Emojis **Literal:**
🤩 💯 💚 👻 👾
Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum: **Classic markup:**
Shortcuts (emoticons): :-) :-( 8-) ;) :cry: :poop: :fire: :laughing: :christmas_tree:
([A reference for emoji markup](https://gist.github.com/rxaviers/7360908))
### mark **Shortcuts (emoticons)**:
:-) :-( 8-) ;)
## mark
==Marked text== ==Marked text==
### Footnotes ## Footnotes
Footnote 1 link[^first]. Footnote 1 link[^first].
Footnote 2 link[^second]. Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].
[^first]: [^first]:
Footnote **can have markup** Footnote **can have markup**
@ -122,3 +130,9 @@ Duplicated footnote reference[^second].
[^second]: Footnote text. [^second]: Footnote text.
\*[HTML]: Hyper Text Markup Language \*[HTML]: Hyper Text Markup Language
## Images
Consider that `src` is already prepended in the settings.
![](/assets/images/gallery/asturias-4.jpg)