const{Fragment:n,jsx:e,jsxs:t}=arguments[0];function _createMdxContent(i){const l={h2:"h2",p:"p",...i.components},{CodeBlock:o,InlineBlock:r,MarkBlock:a}=l;return o||_missingMdxReference("CodeBlock",!0),r||_missingMdxReference("InlineBlock",!0),a||_missingMdxReference("MarkBlock",!0),t(n,{children:[e(l.h2,{children:"Introduction"}),"\n",e(o,{metastring:"",language:"javascript",codeString:'console.log("hello world")\n\nfunction sayHi(name) {\n return `hi ${name}`;\n}'}),"\n",e(o,{metastring:"{8-11} title=示例代码",language:"javascript",codeString:'import styled from "@emotion/styled";\n\nconsole.log("hello world")\nconst l = 123\n/**\n* Some comments\n*/\nfunction sayHi(name) {\n var message = `hi ${name}`\n return message;\n}\n\nexport const HighlightedCodeText: React.FC = ({\n codeString,\n language,\n highlightLine,\n}) => {\n if (!codeString) return null;\n\n return (\n \n {({ className, style, tokens, getLineProps, getTokenProps }) => (\n

\n          {tokens.map((line, index) => {\n            return (\n              \n                {index + 1}\n                \n                  {line.map((token, tokenIndex) => (\n                    \n                  ))}\n                \n              \n            );\n          })}\n

\n )}\n \n );\n};\n\n'}),"\n",e(a,{type:"Note",children:"Hello I am a callout"}),"\n",e(a,{type:"Tips",children:"Hello I am a callout"}),"\n",e(a,{type:"Important",children:"Hello I am a callout"}),"\n",e(a,{type:"Warning",children:"Hello I am a callout"}),"\n",e(a,{type:"Caution",children:"Hello I am a callout"}),"\n",e(r,{type:"rose",children:"I am inline block"}),"\n",e(r,{type:"lime",children:"I am inline block"}),"\n",e(r,{type:"cyan",children:"I am inline block"}),"\n",e(r,{type:"violet",children:"I am inline block"}),"\n",t(l.h2,{children:["He",e("span",{className:"text-cyan-500",children:"llo"})," THREE"]}),"\n",t(l.p,{children:["Welcome to my blog\n我就是 ",e(r,{type:"default",children:"inline code"})," I am the site creator, my name is ",e(r,{type:"default",children:" Yvan "})]})]})}return{default:function(n={}){const{wrapper:t}=n.components||{};return t?e(t,{...n,children:e(_createMdxContent,{...n})}):_createMdxContent(n)}};function _missingMdxReference(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}

Design

Talk About Design