marked转换html后,如何引用自定义的style修饰code?
时间: 2023-02-06 22:46:48 浏览: 89
MarkedCustomStyles:Marked2.app的自定义样式存储库
如果要在 marked 转换的 HTML 中引用自定义的样式来修饰代码块,可以这样做:
1. 在 HTML 中使用 `<style>` 标签来定义自定义的样式,并将其放在文档的 `<head>` 部分:
```html
<style>
.my-code {
font-family: "Courier New", monospace;
background-color: #f2f2f2;
padding: 10px;
}
</style>
```
2. 在需要修饰的代码块中使用 `class` 属性,将自定义的样式类名(例如 `my-code`)指定给该属性:
```html
<pre><code class="my-code">
这是一个代码块
</code></pre>
```
这样,代码块就会使用自定义的样式来进行修饰。
注意:如果要使自定义的样式生效,需要将代码块包含在 `<pre>` 标签内,并使用 `<code>` 标签将代码包装起来。
阅读全文