2021-01-22 14:34:40 +01:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< meta name = "generator" content = "Docusaurus v2.0.0-alpha.70" >
2021-01-22 14:50:27 +01:00
< link rel = "alternate" type = "application/rss+xml" href = "/frigate/blog/rss.xml" title = "Frigate Blog RSS Feed" >
< link rel = "alternate" type = "application/atom+xml" href = "/frigate/blog/atom.xml" title = "Frigate Blog Atom Feed" > < title data-react-helmet = "true" > Powered by MDX | Frigate< / title > < meta data-react-helmet = "true" name = "twitter:card" content = "summary_large_image" > < meta data-react-helmet = "true" name = "docusaurus_locale" content = "en" > < meta data-react-helmet = "true" name = "docusaurus_version" content = "current" > < meta data-react-helmet = "true" name = "docusaurus_tag" content = "docs-default-current" > < meta data-react-helmet = "true" property = "og:title" content = "Powered by MDX | Frigate" > < meta data-react-helmet = "true" name = "description" content = "You can write JSX and use React components within your Markdown thanks to MDX." > < meta data-react-helmet = "true" property = "og:description" content = "You can write JSX and use React components within your Markdown thanks to MDX." > < meta data-react-helmet = "true" property = "og:url" content = "https://blakeblackshear.github.io/frigate/mdx" > < link data-react-helmet = "true" rel = "shortcut icon" href = "/frigate/img/favicon.ico" > < link data-react-helmet = "true" rel = "canonical" href = "https://blakeblackshear.github.io/frigate/mdx" > < link rel = "stylesheet" href = "/frigate/styles.3cef2c0e.css" >
< link rel = "preload" href = "/frigate/styles.9ee538de.js" as = "script" >
2021-01-22 15:03:31 +01:00
< link rel = "preload" href = "/frigate/runtime~main.d59aa137.js" as = "script" >
2021-01-22 14:50:27 +01:00
< link rel = "preload" href = "/frigate/main.a244e8e4.js" as = "script" >
< link rel = "preload" href = "/frigate/1.ae1576eb.js" as = "script" >
< link rel = "preload" href = "/frigate/2.0c8f52fa.js" as = "script" >
< link rel = "preload" href = "/frigate/24.22ef4830.js" as = "script" >
< link rel = "preload" href = "/frigate/935f2afb.a10c19ec.js" as = "script" >
< link rel = "preload" href = "/frigate/17896441.8d5dd138.js" as = "script" >
< link rel = "preload" href = "/frigate/ce3e42ad.113ed33c.js" as = "script" >
2021-01-22 14:34:40 +01:00
< / head >
< body >
< script > ! function ( ) { function t ( t ) { document . documentElement . setAttribute ( "data-theme" , t ) } var e = function ( ) { var t = null ; try { t = localStorage . getItem ( "theme" ) } catch ( t ) { } return t } ( ) ; t ( null !== e ? e : "light" ) } ( ) < / script > < div id = "__docusaurus" >
2021-01-22 14:50:27 +01:00
< nav aria-label = "Skip navigation links" > < button type = "button" tabindex = "0" class = "skipToContent_11B0" > Skip to main content< / button > < / nav > < nav class = "navbar navbar--fixed-top" > < div class = "navbar__inner" > < div class = "navbar__items" > < div aria-label = "Navigation bar toggle" class = "navbar__toggle" role = "button" tabindex = "0" > < svg aria-label = "Menu" width = "30" height = "30" viewBox = "0 0 30 30" role = "img" focusable = "false" > < title > Menu< / title > < path stroke = "currentColor" stroke-linecap = "round" stroke-miterlimit = "10" stroke-width = "2" d = "M4 7h22M4 15h22M4 23h22" > < / path > < / svg > < / div > < a class = "navbar__brand" href = "/frigate/" > < img src = "/frigate/img/logo.svg" alt = "Frigate" class = "themedImage_YANc themedImage--light_3CMI navbar__logo" > < img src = "/frigate/img/logo-dark.svg" alt = "Frigate" class = "themedImage_YANc themedImage--dark_3ARp navbar__logo" > < strong class = "navbar__title" > Frigate< / strong > < / a > < a class = "navbar__item navbar__link" href = "/frigate/" > Docs< / a > < / div > < div class = "navbar__items navbar__items--right" > < a href = "https://github.com/blakeblackshear/frigate" target = "_blank" rel = "noopener noreferrer" class = "navbar__item navbar__link" > GitHub< / a > < div class = "react-toggle react-toggle--disabled displayOnlyInLargeViewport_2N3Q" > < div class = "react-toggle-track" > < div class = "react-toggle-track-check" > < span class = "toggle_3NWk" > 🌜< / span > < / div > < div class = "react-toggle-track-x" > < span class = "toggle_3NWk" > 🌞< / span > < / div > < / div > < div class = "react-toggle-thumb" > < / div > < input type = "checkbox" disabled = "" aria-label = "Dark mode toggle" class = "react-toggle-screenreader-only" > < / div > < / div > < / div > < div role = "presentation" class = "navbar-sidebar__backdrop" > < / div > < div class = "navbar-sidebar" > < div class = "navbar-sidebar__brand" > < a class = "navbar__brand" href = "/frigate/" > < img src = "/frigate/img/logo.svg" alt = "Frigate" class = "themedImage_YANc themedImage--light_3CMI navbar__logo" > < img src = "/frigate/img/logo-dark.svg" alt = "Frigate" class = "themedImage_YANc themedImage--dark_3ARp navbar__logo" > < strong class = "navbar__title" > Frigate< / strong > < / a > < / div > < div class = "navbar-sidebar__items" > < div class = "menu" > < ul class = "menu__list" > < li class = "menu__list-item" > < a class = "menu__link" href = "/frigate/" > Docs< / a > < / li > < li class = "menu__list-item" > < a href = "https://github.com/blakeblackshear/frigate" target = "_blank" rel = "noopener noreferrer" class = "menu__link" > GitHub< / a > < / li > < / ul > < / div > < / div > < / div > < / nav > < div class = "main-wrapper" > < div class = "docPage_vMrn" > < main class = "docMainContainer_2iGs" > < div class = "container padding-vert--lg docItemWrapper_1bxp" > < div class = "row" > < div class = "col docItemCol_U38p" > < div class = "docItemContainer_a7m4" > < article > < header > < h1 class = "docTitle_Oumm" > Powered by MDX< / h1 > < / header > < div class = "markdown" > < p > You can write JSX and use React components within your Markdown thanks to < a href = "https://mdxjs.com/" target = "_blank" rel = "noopener noreferrer" > MDX< / a > .< / p > < span style = "background-color:#25c2a0;border-radius:2px;color:#fff;padding:0.2rem" > Docusaurus green< / span > and < span style = "background-color:#1877F2;border-radius:2px;color:#fff;padding:0.2rem" > Facebook blue< / span > are my favorite colors.< p > I can write < strong > Markdown< / strong > alongside my < em > JSX< / em > !< / p > < / div > < / article > < div class = "margin-vert--xl" > < div class = "row" > < div class = "col" > < a href = "https://github.com/blakeblackshear/frigate/edit/master/docs/docs/mdx.md" target = "_blank" rel = "noreferrer noopener" > < svg fill = "currentColor" height = "1.2em" width = "1.2em" preserveAspectRatio = "xMidYMid meet" role = "img" viewBox = "0 0 40 40" class = "iconEdit_2LL7" > < g > < path d = "m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z" > < / path > < / g > < / svg > Edit this page< / a > < / div > < / div > < / div > < div class = "margin-vert--lg" > < nav class = "pagination-nav" aria-label = "Blog list page navigation" > < div class = "pagination-nav__item" > < / div > < div class = "pagination-nav__item pagination-nav__item--next" > < / div > < / nav > < / div > < / div > < / div > < div class = "col col--3" > < div class = "tableOfContents_2xL- thin-scrollbar" > < / div > < / div > < / div > < / div > < / main > < / div > < / div > < footer class = "footer footer--dark" > < d
< script src = "/frigate/styles.9ee538de.js" > < / script >
2021-01-22 15:03:31 +01:00
< script src = "/frigate/runtime~main.d59aa137.js" > < / script >
2021-01-22 14:50:27 +01:00
< script src = "/frigate/main.a244e8e4.js" > < / script >
< script src = "/frigate/1.ae1576eb.js" > < / script >
< script src = "/frigate/2.0c8f52fa.js" > < / script >
< script src = "/frigate/24.22ef4830.js" > < / script >
< script src = "/frigate/935f2afb.a10c19ec.js" > < / script >
< script src = "/frigate/17896441.8d5dd138.js" > < / script >
< script src = "/frigate/ce3e42ad.113ed33c.js" > < / script >
2021-01-22 14:34:40 +01:00
< / body >
< / html >
