23/May 2026
By 爱游戏体育内容团队
1 min. read
在爱游戏体育，我们不仅提供专业的赛事数据服务，也注重内容的呈现质量。对于技术性内容，如API接口的展示或前端代码的演示，清晰的代码高亮至关重要。Hugo支持使用Markdown的内置语法高亮功能，让代码片段在网页上更加易读。
代码块的两种方式 您可以使用两种主要方式在Markdown中创建代码块：
缩进代码块: 将代码行首行缩进四个空格或一个制表符。
这是一个缩进的代码块。 每一行都需要缩进。 代码围栏 (Code Fences): 使用三个反引号（```）包裹代码块。这是更常用且推荐的方式，因为它允许您指定代码语言。
<!DOCTYPE html> <html> <head> <title>示例页面</title> </head> <body> <h1>欢迎来到爱游戏体育</h1> </body> </html> 指定代码语言 当使用代码围栏时，在第一个三个反引号后面紧跟代码语言的名称（例如 html、css、javascript、go、json、yaml 等），Hugo便能为该代码块应用相应的语法高亮样式。
CSS 示例:
.container { width: 90%; margin: 0 auto; padding: 20px; background-color: #f0f0f0; border-radius: 8px; } h1 { color: #007bff; text-align: center; } JavaScript 示例:
function greet(name) { console.log("你好, " + name + "! 欢迎使用爱游戏体育的服务。"); } greet("用户"); TOML 配置示例:
[params] siteName = "爱游戏体育" version = "1.