markdown-it
rules for my personal website.
Node.js v20 or later.
Warning
Work in progress. Package can be installed directly from this repository.
npm install paulrobertlloyd/markdown-it-rules
Titles of cited works can be marked down as follows:
""Everything Everywhere All at Once"" is the multiverse done right.
<p>
<cite>Everything Everywhere All at Once</cite> is the multiverse done right.
</p>
Links to YouTube videos are rendered inside a <figure>
with a thumbnail and a prompt to watch on YouTube, in a new tab:
[Paul McCartney - I’ve Got a Feeling (feat. John Lennon)](https://www.youtube.com/watch?v=g4UsXksoGNg)
<figure class="embed">
<a
href="https://www.youtube.com/watch?v=g4UsXksoGNg"
rel="noreferrer noopener"
target="_blank"
>
<img
src="https://img.youtube.com/vi/g4UsXksoGNg/mqdefault.jpg"
alt=""
loading="lazy"
/>
<p>
Paul McCartney – I’ve Got a Feeling<br />
<span>Watch on youtube.com (opens in a new tab)</span>
</p>
</a>
</figure>
Links to Vimeo videos are rendered inside a <figure>
and include a prompt to watch on Vimeo, in a new tab:
[The illusion of life](https://vimeo.com/93206523)
<figure class="embed">
<a
href="https://vimeo.com/93206523"
rel="noreferrer noopener"
target="_blank"
>
<p>
The illusion of life<br />
<span>Watch on vimeo.com (opens in a new tab)</span>
</p>
</a>
</figure>
To learn more about this Markdown rule, see the post Thinking out loud about embedding content.