[{"data":1,"prerenderedAt":14},["ShallowReactive",2],{"clay-page:\u002F3.x\u002Fwriting":3},{"html":4,"toc":5,"description":10,"hero":11,"list":12,"socialImage":13},"\u003Ch1 id=\"writing\">Writing\u003C\u002Fh1>\n\u003Cp>Everything about the content of a page: Markdown, code blocks, alerts, links, images and HTML.\u003C\u002Fp>\n\u003Cp>Every page is a Markdown file in \u003Ccode>docs\u002F\u003C\u002Fcode>. Clay supports the Markdown you know from GitHub, adds syntax highlighting and callouts, and checks your links on every build.\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>If you want to …\u003C\u002Fth>\n\u003Cth>Read\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>Know how a file becomes a page and where its title comes from\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fwriting\u002Fpages\" data-route=\"\u002F3.x\u002Fwriting\u002Fpages\">Pages\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Look up headings, lists, tables and task lists\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fwriting\u002Fmarkdown\" data-route=\"\u002F3.x\u002Fwriting\u002Fmarkdown\">Markdown\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Show code with highlighting, diffs and a copy button\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fwriting\u002Fcode-blocks\" data-route=\"\u002F3.x\u002Fwriting\u002Fcode-blocks\">Code Blocks\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Add a note, tip or warning\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fwriting\u002Falerts\" data-route=\"\u002F3.x\u002Fwriting\u002Falerts\">Alerts\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Link to other pages and sections, or add images\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fwriting\u002Flinks-and-images\" data-route=\"\u002F3.x\u002Fwriting\u002Flinks-and-images\">Links & Images\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Use HTML where Markdown is not enough\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fwriting\u002Fhtml\" data-route=\"\u002F3.x\u002Fwriting\u002Fhtml\">HTML\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Ch2 id=\"key-ideas\">\u003Ca class=\"heading-anchor\" href=\"#key-ideas\" aria-label=\"Link to this section\" data-route=\"#key-ideas\">#\u003C\u002Fa>Key ideas\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>One file, one page.\u003C\u002Fstrong> \u003Ccode>docs\u002Fguides\u002Fsetup.md\u003C\u002Fcode> becomes \u003Ccode>\u002Fguides\u002Fsetup\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Links work like on GitHub.\u003C\u002Fstrong> Link to the \u003Ccode>.md\u003C\u002Fcode> file; Clay turns it into the page’s URL and reports links that lead nowhere.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Files next to your pages are published.\u003C\u002Fstrong> Images and downloads in \u003Ccode>docs\u002F\u003C\u002Fcode> keep their relative paths.\u003C\u002Fli>\n\u003C\u002Ful>\n",[6],{"id":7,"text":8,"level":9},"key-ideas","Key ideas",2,"Everything about the content of a page: Markdown, code blocks, alerts, links, images and HTML.",null,true,"\u002F_clay\u002Fsocial\u002F3.x\u002Fwriting.png",1792666368766]