Custom Directives in Markdown

Markdown Directives from Notecards!

Here's a bunch of tests for Custom Markdown directives using remark-directive and remark-directive-rehype. The idea was to design a schema for the {id} attribute that we can later parse to load the corresponding assets from the "DAM" then render them with a mapped React component.

• a local link with custom label
• Text
• Videos

---

Image Grids

::nc[Album in Grid Layout]{#album-grid/mj-acanthus}

::nc[Tagged Images in Grid Layout]{#tag-grid/demo}

---

Swiper Carousel

::nc[Album in Carousel Layoutl]{#album-carousel/mj-acanthus}

::nc[Tagged Images in Carousel Layoutl]{#tag-carousel/demo}

---

Individual Images

::nc[Individual Image from Assets]{#image/63c4757719fc9f402a20c6bf}

::nc[Another Image]{#image/63c4757719fc9f402a20c62c}

---

::nc[Acanthus]{#image/63d71cb6d27274b93d6d2535}

::nc[Goldfish x Anubias]{#image/63d720f7d27274b93d6d3203}