使用Markdown书写文章时, 如何使用自定义的CSS样式 #448

762610973 · 2024-06-05T02:54:23Z

762610973
Jun 5, 2024

使用Markdown书写文章时, 如何使用自定义的CSS样式
例如: span tag color test
我发现并不能正确渲染出红色, 翻了官网的文档, 没找到😥

Answered by Lruihao

有两种方式：

直接写 HTML，需要设置 goldmark.renderer.unsafe 为 true, 不然 HTML 不会被渲染。
```
span tag color test
```
使用自定义属性，Hugo 支持向 Markdown 块添加属性（例如 CSS 类），例如表格、列表、段落等，需要设置 goldmark.parser.attribute.block 为 true。更多详情请看文档。
```
span tag color test
{.text-danger}
```

Lruihao · 2024-06-05T03:03:14Z

有两种方式：

直接写 HTML，需要设置 goldmark.renderer.unsafe 为 true, 不然 HTML 不会被渲染。
```
span tag color test
```
使用自定义属性，Hugo 支持向 Markdown 块添加属性（例如 CSS 类），例如表格、列表、段落等，需要设置 goldmark.parser.attribute.block 为 true。更多详情请看文档。
```
span tag color test
{.text-danger}
```

1 reply

非常感谢您😁, 我找到了unsafe的设置, 也非常抱歉, 没有翻阅更多的帖子直接来问您😭