Markdown .md 测试
此文件应以更符合 CommonMark 的方式进行解释
SEO
<head>
<title>HEAD Markdown Page tests title</title>
<meta name="keywords" content="cooking, blog"/>
</head>
危险
TODO 尚不支持（尚未），请参阅 问题
注释
HTML 注释
HTML 多行注释
MDX 注释：{/* 注释 */}
MDX 多行注释
{/* 注释 */}
JSX 语法
import BrowserWindow from '@site/src/components/BrowserWindow';
BrowserWindow 内容
export const answer = 42;
测试 {xyz}
提示框
提示框仍然有效
标题
注意
详细信息
MD 摘要
我们的自定义详细信息/摘要在 CommonMark 模式下也适用
选项卡
危险
TODO 尚不支持（尚未），请参阅 问题
代码块测试
标题
function Clock(props) {
const [date, setDate] = useState(new Date());
useEffect(() => {
var timerID = setInterval(() => tick(), 1000);
return function cleanup() {
clearInterval(timerID);
};
});
function tick() {
setDate(new Date());
}
return (
<div>
<h2>It is {date.toLocaleTimeString()}.</h2>
{/* prettier-ignore */}
long long long long long long long long long long long long line
{/* prettier-ignore */}
</div>
);
}
function Clock(props) {
const [date, setDate] = useState(new Date());
useEffect(() => {
var timerID = setInterval(() => tick(), 1000);
return function cleanup() {
clearInterval(timerID);
};
});
function tick() {
setDate(new Date());
}
return (
<div>
<h2>It is {date.toLocaleTimeString()}.</h2>
</div>
);
}
危险
TODO 尚不支持（尚未），请参阅 问题
Mermaid
标题 ID
自定义标题语法 {#custom-heading-id} 仍然有效
HTML
样式
蓝色 span
绿色 p
青柠色 红色
嵌入
关闭的图像标签：
未关闭的图像标签：
Iframe
安全性
<p>
When pressing this button, no alert should be printed
<button onClick="alert('unsafe');">Click me</button>
</p>
按下此按钮时，不应打印任何警报