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" >
2021-01-26 04:14:46 +01:00
< link rel = "alternate" type = "application/atom+xml" href = "/frigate/blog/atom.xml" title = "Frigate Blog Atom Feed" >
< link rel = "search" type = "application/opensearchdescription+xml" title = "Frigate" href = "/frigate/opensearch.xml" > < 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 = "docsearch:language" content = "en" > < meta data-react-helmet = "true" name = "docsearch:version" content = "current" > < meta data-react-helmet = "true" name = "docsearch: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 = "preconnect" href = "https://BH4D9OD16A-dsn.algolia.net" crossorigin = "anonymous" > < link data-react-helmet = "true" rel = "canonical" href = "https://blakeblackshear.github.io/frigate/mdx" > < link rel = "stylesheet" href = "/frigate/styles.4dd8d972.css" >
2021-05-12 13:56:36 +02:00
< link rel = "preload" href = "/frigate/styles.0df63e1c.js" as = "script" >
2021-09-05 18:15:33 +02:00
< link rel = "preload" href = "/frigate/runtime~main.85a22073.js" as = "script" >
2021-05-12 13:56:36 +02:00
< link rel = "preload" href = "/frigate/main.b6b2d1f0.js" as = "script" >
< link rel = "preload" href = "/frigate/1.d4a988ac.js" as = "script" >
< link rel = "preload" href = "/frigate/2.cbe00df1.js" as = "script" >
< link rel = "preload" href = "/frigate/28.fabd8c68.js" as = "script" >
< link rel = "preload" href = "/frigate/31.3f82c6fa.js" as = "script" >
2021-03-09 13:24:52 +01:00
< link rel = "preload" href = "/frigate/935f2afb.06dae20f.js" as = "script" >
2021-05-12 13:56:36 +02:00
< link rel = "preload" href = "/frigate/17896441.da8a454f.js" as = "script" >
< link rel = "preload" href = "/frigate/ce3e42ad.d26d6799.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-26 04:14:46 +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 > < button type = "button" class = "DocSearch DocSearch-Button" aria-label = "Search" > < div class = "DocSearch-Button-Container" > < svg width = "20" height = "20" class = "DocSearch-Search-Icon" viewBox = "0 0 20 20" > < path d = "M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke = "currentColor" fill = "none" fill-rule = "evenodd" stroke-linecap = "round" stroke-linejoin = "round" > < / path > < / svg > < span class = "DocSearch-Button-Placeholder" > Search< / span > < / div > < / button > < / 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" > <
2021-05-12 13:56:36 +02:00
< script src = "/frigate/styles.0df63e1c.js" > < / script >
2021-09-05 18:15:33 +02:00
< script src = "/frigate/runtime~main.85a22073.js" > < / script >
2021-05-12 13:56:36 +02:00
< script src = "/frigate/main.b6b2d1f0.js" > < / script >
< script src = "/frigate/1.d4a988ac.js" > < / script >
< script src = "/frigate/2.cbe00df1.js" > < / script >
< script src = "/frigate/28.fabd8c68.js" > < / script >
< script src = "/frigate/31.3f82c6fa.js" > < / script >
2021-03-09 13:24:52 +01:00
< script src = "/frigate/935f2afb.06dae20f.js" > < / script >
2021-05-12 13:56:36 +02:00
< script src = "/frigate/17896441.da8a454f.js" > < / script >
< script src = "/frigate/ce3e42ad.d26d6799.js" > < / script >
2021-01-22 14:34:40 +01:00
< / body >
< / html >
