hello world

jsx

summary

details

html 需要先转 jsx，并且注意 children 尽量不要换新行，否则会导致别人以为 p 标签

公式

The Gamma function satisfying $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ is via the Euler integral

iframe

使用下面的代码创建 iframe，复制 iframe element 到 mdx 中粘贴

js
const iframe = document.createElement("iframe");
iframe.srcdoc = ` `;
iframe.width = '100%';
document.body.appendChild(iframe);

代码


平平无奇的句子

支持高亮的语法：https://github.com/shikijs/textmate-grammars-themes/tree/main/packages/tm-grammars

自定义组件

这是一个标签文本→ 说明

mdx

mdx 中使用表达式

named color

节取自 <named-color> - CSS: Cascading Style Sheets | MDN

粉红色（Pink）紫色（Purple）金色（Gold）银色（Silver）米色（Beige） rebeccapurple aliceblue

"rebeccapurple"是一个颜色名称，用于描述一种紫色调。这个名称是为了纪念 CSS（层叠样式表）的创始人之一、Web 标准倡导者 Eric A. Meyer 的女儿 Rebecca 而命名的。Rebecca 在2014年去世，她喜欢紫色，所以这个颜色名称被用来纪念她。"rebeccapurple"的十六进制表示为#663399。

Keyword	RGB hex value	Sample
`aliceblue`	`#f0f8ff`
`antiquewhite`	`#faebd7`
`azure`	`#f0ffff`
`beige`	`#f5f5dc`
`bisque`	`#ffe4c4`
`blanchedalmond`	`#ffebcd`
`blueviolet`	`#8a2be2`
`burlywood`	`#deb887`
`cadetblue`	`#5f9ea0`
`chocolate`	`#d2691e`
`coral`	`#ff7f50`
`cornflowerblue`	`#6495ed`
`cornsilk`	`#fff8dc`
`crimson`	`#dc143c`
`darkorchid`	`#9932cc`
`darkred`	`#8b0000`
`darksalmon`	`#e9967a`
`darkseagreen`	`#8fbc8f`
`darkviolet`	`#9400d3`
`dimgrey`	`#696969`
`dodgerblue`	`#1e90ff`
`firebrick`	`#b22222`
`floralwhite`	`#fffaf0`
`forestgreen`	`#228b22`
`fuchsia`	`#ff00ff`
`gainsboro`	`#dcdcdc`
`ghostwhite`	`#f8f8ff`
`gold`	`#ffd700`
`goldenrod`	`#daa520`
`gray`	`#808080`
`grey`	`#808080` (synonym of `gray`)
`honeydew`	`#f0fff0`
`hotpink`	`#ff69b4`
`indianred`	`#cd5c5c`
`indigo`	`#4b0082`
`ivory`	`#fffff0`
`khaki`	`#f0e68c`
`lavender`	`#e6e6fa`
`lavenderblush`	`#fff0f5`
`lemonchiffon`	`#fffacd`
`lightblue`	`#add8e6`
`lightcoral`	`#f08080`
`lightcyan`	`#e0ffff`
`lightgoldenrodyellow`	`#fafad2`
`lightgray`	`#d3d3d3`
`lightgreen`	`#90ee90`
`lightgrey`	`#d3d3d3`
`lightpink`	`#ffb6c1`
`lightsalmon`	`#ffa07a`
`lightseagreen`	`#20b2aa`
`lightskyblue`	`#87cefa`
`lightslategrey`	`#778899`
`lightsteelblue`	`#b0c4de`
`lightyellow`	`#ffffe0`
`limegreen`	`#32cd32`
`linen`	`#faf0e6`
`maroon`	`#800000`
`mediumaquamarine`	`#66cdaa`
`mediumorchid`	`#ba55d3`
`mediumpurple`	`#9370db`
`mediumseagreen`	`#3cb371`
`mediumslateblue`	`#7b68ee`
`mediumturquoise`	`#48d1cc`
`midnightblue`	`#191970`
`mintcream`	`#f5fffa`
`mistyrose`	`#ffe4e1`
`moccasin`	`#ffe4b5`
`navajowhite`	`#ffdead`
`navy`	`#000080`
`oldlace`	`#fdf5e6`
`olive`	`#808000`
`olivedrab`	`#6b8e23`
`orange`	`#ffa500`
`orchid`	`#da70d6`
`palegoldenrod`	`#eee8aa`
`palegreen`	`#98fb98`
`paleturquoise`	`#afeeee`
`palevioletred`	`#db7093`
`papayawhip`	`#ffefd5`
`peachpuff`	`#ffdab9`
`peru`	`#cd853f`
`pink`	`#ffc0cb`
`plum`	`#dda0dd`
`powderblue`	`#b0e0e6`
`rebeccapurple`	`#663399`
`rosybrown`	`#bc8f8f`
`salmon`	`#fa8072`
`sandybrown`	`#f4a460`
`seagreen`	`#2e8b57`
`seashell`	`#fff5ee`
`sienna`	`#a0522d`
`silver`	`#c0c0c0`
`skyblue`	`#87ceeb`
`slateblue`	`#6a5acd`
`slategray`	`#708090`
`snow`	`#fffafa`
`steelblue`	`#4682b4`
`tan`	`#d2b48c`
`teal`	`#008080`
`thistle`	`#d8bfd8`
`tomato`	`#ff6347`
`transparent`	See transparent.
`turquoise`	`#40e0d0`
`violet`	`#ee82ee`
`wheat`	`#f5deb3`
`white`	`#ffffff`
`whitesmoke`	`#f5f5f5`
`yellowgreen`	`#9acd32`

注释

foo→ bar

named color

粉红色（Pink）紫色（Purple）金色（Gold）银色（Silver）米色（Beige） rebeccapurple aliceblue

"rebeccapurple"是一个颜色名称，用于描述一种紫色调。这个名称是为了纪念 CSS（层叠样式表）的创始人之一、Web 标准倡导者 Eric A. Meyer 的女儿 Rebecca 而命名的。Rebecca 在2014年去世，她喜欢紫色，所以这个颜色名称被用来纪念她。"rebeccapurple"的十六进制表示为#663399。

Keyword	RGB hex value	Sample
`aliceblue`	`#f0f8ff`
`antiquewhite`	`#faebd7`
`azure`	`#f0ffff`
`beige`	`#f5f5dc`
`bisque`	`#ffe4c4`
`blanchedalmond`	`#ffebcd`
`blueviolet`	`#8a2be2`
`burlywood`	`#deb887`
`cadetblue`	`#5f9ea0`
`chocolate`	`#d2691e`
`coral`	`#ff7f50`
`cornflowerblue`	`#6495ed`
`cornsilk`	`#fff8dc`
`crimson`	`#dc143c`
`darkorchid`	`#9932cc`
`darkred`	`#8b0000`
`darksalmon`	`#e9967a`
`darkseagreen`	`#8fbc8f`
`darkviolet`	`#9400d3`
`dimgrey`	`#696969`
`dodgerblue`	`#1e90ff`
`firebrick`	`#b22222`
`floralwhite`	`#fffaf0`
`forestgreen`	`#228b22`
`fuchsia`	`#ff00ff`
`gainsboro`	`#dcdcdc`
`ghostwhite`	`#f8f8ff`
`gold`	`#ffd700`
`goldenrod`	`#daa520`
`gray`	`#808080`
`grey`	`#808080` (synonym of `gray`)
`honeydew`	`#f0fff0`
`hotpink`	`#ff69b4`
`indianred`	`#cd5c5c`
`indigo`	`#4b0082`
`ivory`	`#fffff0`
`khaki`	`#f0e68c`
`lavender`	`#e6e6fa`
`lavenderblush`	`#fff0f5`
`lemonchiffon`	`#fffacd`
`lightblue`	`#add8e6`
`lightcoral`	`#f08080`
`lightcyan`	`#e0ffff`
`lightgoldenrodyellow`	`#fafad2`
`lightgray`	`#d3d3d3`
`lightgreen`	`#90ee90`
`lightgrey`	`#d3d3d3`
`lightpink`	`#ffb6c1`
`lightsalmon`	`#ffa07a`
`lightseagreen`	`#20b2aa`
`lightskyblue`	`#87cefa`
`lightslategrey`	`#778899`
`lightsteelblue`	`#b0c4de`
`lightyellow`	`#ffffe0`
`limegreen`	`#32cd32`
`linen`	`#faf0e6`
`maroon`	`#800000`
`mediumaquamarine`	`#66cdaa`
`mediumorchid`	`#ba55d3`
`mediumpurple`	`#9370db`
`mediumseagreen`	`#3cb371`
`mediumslateblue`	`#7b68ee`
`mediumturquoise`	`#48d1cc`
`midnightblue`	`#191970`
`mintcream`	`#f5fffa`
`mistyrose`	`#ffe4e1`
`moccasin`	`#ffe4b5`
`navajowhite`	`#ffdead`
`navy`	`#000080`
`oldlace`	`#fdf5e6`
`olive`	`#808000`
`olivedrab`	`#6b8e23`
`orange`	`#ffa500`
`orchid`	`#da70d6`
`palegoldenrod`	`#eee8aa`
`palegreen`	`#98fb98`
`paleturquoise`	`#afeeee`
`palevioletred`	`#db7093`
`papayawhip`	`#ffefd5`
`peachpuff`	`#ffdab9`
`peru`	`#cd853f`
`pink`	`#ffc0cb`
`plum`	`#dda0dd`
`powderblue`	`#b0e0e6`
`rebeccapurple`	`#663399`
`rosybrown`	`#bc8f8f`
`salmon`	`#fa8072`
`sandybrown`	`#f4a460`
`seagreen`	`#2e8b57`
`seashell`	`#fff5ee`
`sienna`	`#a0522d`
`silver`	`#c0c0c0`
`skyblue`	`#87ceeb`
`slateblue`	`#6a5acd`
`slategray`	`#708090`
`snow`	`#fffafa`
`steelblue`	`#4682b4`
`tan`	`#d2b48c`
`teal`	`#008080`
`thistle`	`#d8bfd8`
`tomato`	`#ff6347`
`transparent`	See transparent.
`turquoise`	`#40e0d0`
`violet`	`#ee82ee`
`wheat`	`#f5deb3`
`white`	`#ffffff`
`whitesmoke`	`#f5f5f5`
`yellowgreen`	`#9acd32`

jsx

公式

iframe

代码

自定义组件

mdx

named color

注释

相关内容

阿里云服务器如何加速访问 github 容器镜像仓库（ghcr.io）

借助 cursor 开发 web 视频切片工具

终于把 Dors 搬到国内了

Next.js 实现 PWA 子应用

不要把摊子铺得太开

文章大纲

相关内容

阿里云服务器如何加速访问 github 容器镜像仓库（ghcr.io）

借助 cursor 开发 web 视频切片工具

终于把 Dors 搬到国内了

Next.js 实现 PWA 子应用

不要把摊子铺得太开

hello world

jsx

公式

iframe

代码

自定义组件

mdx

named color

注释

相关内容

阿里云服务器如何加速访问 github 容器镜像仓库（ghcr.io）

借助 cursor 开发 web 视频切片工具

终于把 Dors 搬到国内了

Next.js 实现 PWA 子应用

不要把摊子铺得太开

文章大纲

相关内容

阿里云服务器如何加速访问 github 容器镜像仓库（ghcr.io）

借助 cursor 开发 web 视频切片工具

终于把 Dors 搬到国内了

Next.js 实现 PWA 子应用

不要把摊子铺得太开