Markdowns .md 測試
這個檔案應以更相容 CommonMark 的方式解讀
SEO
<head>
<title>HEAD Markdown Page tests title</title>
<meta name="keywords" content="cooking, blog"/>
</head>
危險
TODO 尚未支援，請參閱 問題單
註解
HTML 註解
HTML 註解多行
MDX 註解：{/* 註解 */}
MDX 註解多行
{/* 註解 */}
JSX 語法
輸入 BrowserWindow 從 '@site/src/components/BrowserWindow';
BrowserWindow 內容
輸出答案為 42；
測試 {xyz}
警告
警告仍可作用
標題
備註
詳細資訊
文件摘要
我們的自訂詳細資訊/摘要在 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
樣式
藍色跨距
綠色段落
黃綠色 紅色
嵌入
已關閉的影像標籤：
未關閉的影像標籤：
iFrame
安全性
<p>
When pressing this button, no alert should be printed
<button onClick="alert('unsafe');">Click me</button>
</p>
按下此按鈕時，不應該產生任何警告