Adding caption to images

This would be a snippet like this one :

.callout[data-callout="figure"] {
  --callout-color: 100, 100, 100;
  --callout-icon: none;
  .callout-content {
      font-size: 0.5em; 
      text-align: center;
   }
 }

The markdown :

Normal text 

> [!figure] ![[two_noises.png]]
> Two signal measurement one has a SNR of 10 the other of 100. The signal average is however the same. 

Some normal text continue here 

How it looks like :

I like the solution because it stays human readable, it does not need special plugin, and I can make it work on my markdown publisher (quartz) easily.

9 Likes