Title here
Summary here
Markdown
You can add images to your .md pages by using the Markdown syntax for images.
Examples
Page resource
Rendered HTML
<img
src="/docs/basics/markdown/2024-01-22_16-55-13_hu2f182e3f395c5b315c12df5e4e37e701_15767_410x274_resize_q85_h2_lanczos.webp"
width="410"
height="274"
decoding="async"
fetchpriority="auto"
loading="lazy"
alt="A bird with a little fish in its mouth"
title="A bird with a little fish in its mouth"
id="h-rh-i-0"
>Global resource
Remote resource
Handling SVG images in Markdown
A recent contribution to Thulite Images added using SVG images in Markdown
For example:
There is a caveat, however. An SVG with a grey stroke instead of black stroke, and the default background (transparent) will have little contrast in dark mode (see below), but it will look fine in light mode (immediately below).
This can be remedied with by adding
// Put your custom (S)CSS variables here
:root {
--markdown-svg: yellowgreen;
}to assets/scss/common/_variables-custom.scss, when using the doks theme.
This gives:
which looks the same with both light and dark themes.