2021-01-22 13:34:40 +00: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 13:50:27 +00:00
< link rel = "alternate" type = "application/rss+xml" href = "/frigate/blog/rss.xml" title = "Frigate Blog RSS Feed" >
2021-01-26 03:14:46 +00: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 11:56:36 +00:00
< link rel = "preload" href = "/frigate/styles.0df63e1c.js" as = "script" >
2021-09-05 16:15:33 +00:00
< link rel = "preload" href = "/frigate/runtime~main.85a22073.js" as = "script" >
2021-05-12 11:56:36 +00: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 12:24:52 +00:00
< link rel = "preload" href = "/frigate/935f2afb.06dae20f.js" as = "script" >
2021-05-12 11:56:36 +00:00
< link rel = "preload" href = "/frigate/17896441.da8a454f.js" as = "script" >
< link rel = "preload" href = "/frigate/ce3e42ad.d26d6799.js" as = "script" >
2021-01-22 13:34:40 +00: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 03:14:46 +00: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 11:56:36 +00:00
< script src = "/frigate/styles.0df63e1c.js" ></ script >
2021-09-05 16:15:33 +00:00
< script src = "/frigate/runtime~main.85a22073.js" ></ script >
2021-05-12 11:56:36 +00: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 12:24:52 +00:00
< script src = "/frigate/935f2afb.06dae20f.js" ></ script >
2021-05-12 11:56:36 +00:00
< script src = "/frigate/17896441.da8a454f.js" ></ script >
< script src = "/frigate/ce3e42ad.d26d6799.js" ></ script >
2021-01-22 13:34:40 +00:00
</ body >
</ html >
