---
# System prepended metadata

title: Excalidraw support in flowershow

---

# Excalidraw support in flowershow

Flowershow supports displaying your excalidraw images on your site.

Let's start by creating an `excalidraw` folder in your `content`. You can drop your `excalidraw.md` files into this folder.

## Auto generating Excalidraw images

In Obsidian you can use the excalidraw plugin to auto generate images next to it's relevant file.

*Assuming that you have this plugin installed ...*

Head over to the excalidraw plugin in Obsidian settings and make sure you have the following setup configured.

1. Configure the plugin to export svg or png

   <img width="791" alt="image" src="https://user-images.githubusercontent.com/180658/206430017-048a92d0-721c-4a28-88c1-e5cb80e01160.png">
   
   Note that you can choose png or svg ...
	
   <img width="794" alt="image" src="https://user-images.githubusercontent.com/180658/206430045-cd10786e-10dc-49ac-b508-67f7b9b704d6.png">

2. Make sure you have a defined folder for your excalidraw files.

   <img width="779" alt="image" src="https://user-images.githubusercontent.com/180658/206430220-b21e19c0-868d-46aa-b9e3-1e5162f7e971.png">

   Symlink this directory into public folder in flowershow.

```bash=
$ cd <your-flowershow-directory>
$ ln -s content/excalidraw/ site/public/
```

