行内代码
This is Inline Code
纯 pre 标签代码块
This is pre text
使用反引号的代码块
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
<meta
name="description"
content="Sample article showcasing basic Markdown syntax and formatting for HTML elements."
/>
</head>
<body>
<p>Test</p>
</body>
</html>
指定语言的代码块（反引号）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
<meta
name="description"
content="Sample article showcasing basic Markdown syntax and formatting for HTML elements."
/>
</head>
<body>
<p>Test</p>
</body>
</html>
带行号的代码块
```html {linenos=true}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>示例HTML5文档</title>
<meta
name="description"
content="展示基本Markdown语法及HTML元素格式的示例文章。"
/>
</head>
<body>
<p>测试段落</p>
</body>
</html>
```
|
|
带行号与高亮行的代码块
PaperMod 主题支持 linenos=true 或 linenos=table 参数
```html {linenos=true,hl_lines=[2,8]}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>示例HTML5文档</title>
<meta
name="description"
content="展示基本Markdown语法及HTML元素格式的示例文章。"
/>
</head>
<body>
<p>测试段落</p>
</body>
</html>
```
|
|
缩进式代码块（四个空格）
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
使用 Hugo 内置高亮短代码
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>如果本文对你有所帮助，可以请我喝杯咖啡
（完）