[{"data":1,"prerenderedAt":513},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/starters/markdown":270},{"id":4,"extension":5,"items":6,"meta":194,"stem":195,"__hash__":196},"navigation/data/navigation.json","json",[7,34,46,70,104,155,170],{"name":8,"items":9},"Getting Started",[10,13,16,19,22,25,28,31],{"title":11,"path":12},"What is Maizzle?","/docs/introduction",{"title":14,"path":15},"Installation","/docs/installation",{"title":17,"path":18},"Editor Setup","/docs/editor-setup",{"title":20,"path":21},"Compatibility","/docs/compatibility",{"title":23,"path":24},"Upgrade Guide","/docs/upgrade-guide",{"title":26,"path":27},"Resources","/resources",{"title":29,"path":30},"Glossary","/glossary",{"title":32,"path":33},"CLI","/docs/cli",{"name":35,"items":36},"Concepts",[37,40,43],{"title":38,"path":39},"Environments","/docs/environments",{"title":41,"path":42},"Tailwind CSS","/docs/tailwindcss",{"title":44,"path":45},"Build Process","/docs/build-process",{"name":47,"items":48},"Configuration",[49,52,55,58,61,64,67],{"title":50,"path":51},"CSS","/docs/configuration/css",{"title":53,"path":54},"Build","/docs/configuration/build",{"title":56,"path":57},"Server","/docs/configuration/server",{"title":59,"path":60},"Components","/docs/configuration/components",{"title":62,"path":63},"Expressions","/docs/configuration/expressions",{"title":65,"path":66},"PostHTML","/docs/configuration/posthtml",{"title":68,"path":69},"PostCSS","/docs/configuration/postcss",{"name":71,"items":72},"Development",[73,76,79,81,83,86,89,92,95,98,101],{"title":74,"path":75},"Layouts","/docs/layouts",{"title":77,"path":78},"Templates","/docs/templates",{"title":59,"path":80},"/docs/components",{"title":62,"path":82},"/docs/expressions",{"title":84,"path":85},"Tags","/docs/tags",{"title":87,"path":88},"Assets","/docs/assets",{"title":90,"path":91},"Events","/docs/events",{"title":93,"path":94},"Functions","/docs/functions",{"title":96,"path":97},"Markdown","/docs/markdown",{"title":99,"path":100},"Plaintext","/docs/plaintext",{"title":102,"path":103},"API","/docs/api",{"name":105,"items":106},"Transformers",[107,110,113,116,119,122,125,128,131,134,137,140,143,146,149,152],{"title":108,"path":109},"What are Transformers?","/docs/transformers",{"title":111,"path":112},"Filters","/docs/transformers/filters",{"title":114,"path":115},"Inline CSS","/docs/transformers/inline-css",{"title":117,"path":118},"Safe Selectors","/docs/transformers/safe-class-names",{"title":120,"path":121},"CSS Purging","/docs/transformers/purge-css",{"title":123,"path":124},"Shorthand CSS","/docs/transformers/shorthand-css",{"title":126,"path":127},"Attribute To Style","/docs/transformers/attribute-to-style",{"title":129,"path":130},"Remove Attributes","/docs/transformers/remove-attributes",{"title":132,"path":133},"Add Attributes","/docs/transformers/add-attributes",{"title":135,"path":136},"Replace Strings","/docs/transformers/replace-strings",{"title":138,"path":139},"Widow Words","/docs/transformers/widows",{"title":141,"path":142},"URL Parameters","/docs/transformers/url-parameters",{"title":144,"path":145},"Base URL","/docs/transformers/base-url",{"title":147,"path":148},"Six HEX","/docs/transformers/six-hex",{"title":150,"path":151},"Prettify","/docs/transformers/prettify",{"title":153,"path":154},"Minify","/docs/transformers/minify",{"name":156,"items":157},"Starter Components",[158,161,164,167],{"title":159,"path":160},"Spacer","/docs/components/spacer",{"title":162,"path":163},"Divider","/docs/components/divider",{"title":165,"path":166},"Button","/docs/components/button",{"title":168,"path":169},"VML","/docs/components/vml",{"name":171,"items":172},"Examples",[173,176,179,182,185,188,191],{"title":174,"path":175},"Spacers","/docs/examples/spacers",{"title":177,"path":178},"Dividers","/docs/examples/dividers",{"title":180,"path":181},"Buttons","/docs/examples/buttons",{"title":183,"path":184},"Cards","/docs/examples/cards",{"title":186,"path":187},"Grids","/docs/examples/grids",{"title":189,"path":190},"Google Fonts","/docs/examples/google-fonts",{"title":192,"path":193},"Reverse Stack","/docs/examples/reverse-stack",{},"data/navigation","lXnN10nQFMOp0U7LPKSlEiRFYPoRC0dC5rgvZn8-pes",{"id":4,"extension":5,"items":198,"meta":269,"stem":195,"__hash__":196},[199,209,214,223,236,254,260],{"name":8,"items":200},[201,202,203,204,205,206,207,208],{"title":11,"path":12},{"title":14,"path":15},{"title":17,"path":18},{"title":20,"path":21},{"title":23,"path":24},{"title":26,"path":27},{"title":29,"path":30},{"title":32,"path":33},{"name":35,"items":210},[211,212,213],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":215},[216,217,218,219,220,221,222],{"title":50,"path":51},{"title":53,"path":54},{"title":56,"path":57},{"title":59,"path":60},{"title":62,"path":63},{"title":65,"path":66},{"title":68,"path":69},{"name":71,"items":224},[225,226,227,228,229,230,231,232,233,234,235],{"title":74,"path":75},{"title":77,"path":78},{"title":59,"path":80},{"title":62,"path":82},{"title":84,"path":85},{"title":87,"path":88},{"title":90,"path":91},{"title":93,"path":94},{"title":96,"path":97},{"title":99,"path":100},{"title":102,"path":103},{"name":105,"items":237},[238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253],{"title":108,"path":109},{"title":111,"path":112},{"title":114,"path":115},{"title":117,"path":118},{"title":120,"path":121},{"title":123,"path":124},{"title":126,"path":127},{"title":129,"path":130},{"title":132,"path":133},{"title":135,"path":136},{"title":138,"path":139},{"title":141,"path":142},{"title":144,"path":145},{"title":147,"path":148},{"title":150,"path":151},{"title":153,"path":154},{"name":156,"items":255},[256,257,258,259],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":261},[262,263,264,265,266,267,268],{"title":174,"path":175},{"title":177,"path":178},{"title":180,"path":181},{"title":183,"path":184},{"title":186,"path":187},{"title":189,"path":190},{"title":192,"path":193},{},{"id":271,"title":96,"body":272,"date":504,"description":505,"extension":422,"image":506,"meta":507,"navigation":451,"path":508,"seo":509,"sitemap":510,"stem":511,"__hash__":512},"starters/starters/markdown.md",{"type":273,"value":274,"toc":499},"minimark",[275,280,284,292,301,306,309,331,338,345,359,362,378,381,395,399,406,417,484,488,495],[276,277,279],"h1",{"id":278},"markdown-starter","Markdown starter",[281,282,283],"p",{},"This starter allows you to create emails from markdown files.",[281,285,286,287,291],{},"Simply add your markdown files to ",[288,289,290],"code",{},"content",", run the build command, and they will be converted to HTML emails using a predefined layout.",[281,293,294],{},[295,296,300],"a",{"href":297,"rel":298},"https://github.com/maizzle/starter-markdown.git",[299],"nofollow","View on GitHub →",[302,303,305],"h2",{"id":304},"getting-started","Getting started",[281,307,308],{},"Scaffold a new project based on this starter:",[310,311,316],"pre",{"className":312,"code":313,"language":314,"meta":315,"style":315},"language-sh shiki shiki-themes tailwind-css tailwind-css","npx create-maizzle\n","sh","",[288,317,318],{"__ignoreMap":315},[319,320,323,327],"span",{"class":321,"line":322},"line",1,[319,324,326],{"class":325},"sizJ4","npx",[319,328,330],{"class":329},"sfCc6"," create-maizzle\n",[281,332,333,334,337],{},"In the interactive setup wizard, specify the directory name to create the project in, i.e. ",[288,335,336],{},"./my-project",", select Custom Starter → Markdown, and choose Yes when prompted to Install dependencies.",[281,339,340,341,344],{},"Next, switch the current directory to ",[288,342,343],{},"my-project",":",[310,346,349],{"className":312,"code":347,"language":314,"meta":348,"style":315},"cd my-project\n","no-copy",[288,350,351],{"__ignoreMap":315},[319,352,353,356],{"class":321,"line":322},[319,354,355],{"class":325},"cd",[319,357,358],{"class":329}," my-project\n",[281,360,361],{},"Start local development:",[310,363,365],{"className":312,"code":364,"language":314,"meta":315,"style":315},"npm run dev\n",[288,366,367],{"__ignoreMap":315},[319,368,369,372,375],{"class":321,"line":322},[319,370,371],{"class":325},"npm",[319,373,374],{"class":329}," run",[319,376,377],{"class":329}," dev\n",[281,379,380],{},"Build emails for production:",[310,382,384],{"className":312,"code":383,"language":314,"meta":315,"style":315},"npm run build\n",[288,385,386],{"__ignoreMap":315},[319,387,388,390,392],{"class":321,"line":322},[319,389,371],{"class":325},[319,391,374],{"class":329},[319,393,394],{"class":329}," build\n",[302,396,398],{"id":397},"custom-layouts","Custom layouts",[281,400,401,402,405],{},"The starter supports custom layouts, which you can add to ",[288,403,404],{},"layouts",".",[281,407,408,409,412,413,416],{},"The default layout is ",[288,410,411],{},"layouts/main.html",", but if you want to use a different layout for a specific markdown file, you can add a ",[288,414,415],{},"layout"," property to its front matter:",[310,418,423],{"className":419,"code":420,"filename":421,"language":422,"meta":315,"style":315},"language-md shiki shiki-themes tailwind-css tailwind-css","---\nlayout: secondary\n---\n\n## Custom layout\n\nThis email uses a custom layout, defined in `layouts/secondary.html`.\n","content/example.md","md",[288,424,425,431,441,446,453,462,467],{"__ignoreMap":315},[319,426,427],{"class":321,"line":322},[319,428,430],{"class":429},"soJEP","---\n",[319,432,434,436,438],{"class":321,"line":433},2,[319,435,415],{"class":325},[319,437,344],{"class":429},[319,439,440],{"class":329}," secondary\n",[319,442,444],{"class":321,"line":443},3,[319,445,430],{"class":429},[319,447,449],{"class":321,"line":448},4,[319,450,452],{"emptyLinePlaceholder":451},true,"\n",[319,454,456,459],{"class":321,"line":455},5,[319,457,458],{"class":429},"##",[319,460,461],{"class":325}," Custom layout\n",[319,463,465],{"class":321,"line":464},6,[319,466,452],{"emptyLinePlaceholder":451},[319,468,470,473,476,479,481],{"class":321,"line":469},7,[319,471,472],{"class":329},"This email uses a custom layout, defined in ",[319,474,475],{"class":429},"`",[319,477,478],{"class":329},"layouts/secondary.html",[319,480,475],{"class":429},[319,482,483],{"class":329},".\n",[302,485,487],{"id":486},"customization","Customization",[281,489,490,491,405],{},"See the detailed guide for the Markdown starter ",[295,492,494],{"href":493},"/guides/markdown-emails/","here",[496,497,498],"style",{},"html pre.shiki code .sizJ4, html code.shiki .sizJ4{--shiki-light:#EC4899;--shiki-dark:#EC4899}html pre.shiki code .sfCc6, html code.shiki .sfCc6{--shiki-light:#1D4ED8;--shiki-dark:#1D4ED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .soJEP, html code.shiki .soJEP{--shiki-light:#CBD5E1;--shiki-dark:#CBD5E1}",{"title":315,"searchDepth":433,"depth":433,"links":500},[501,502,503],{"id":304,"depth":433,"text":305},{"id":397,"depth":433,"text":398},{"id":486,"depth":433,"text":487},"2022-12-05T00:00:00.000Z","Create emails from markdown files.","https://res.cloudinary.com/maizzle/image/upload/starters/markdown.jpg",{"repository":297},"/starters/markdown",{"title":96,"description":505},{"loc":508},"starters/markdown","oTQUB9W4mUmsMU4jA5LN9yEIg9jz3WUIfsOojM9LSik",1780318597848]