简介
这是一篇展示如何在 Hugo 文章中使用自定义 HTML 的示例文章。
方法一：直接嵌入 HTML
你可以直接在 Markdown 中写 HTML 代码：
🎨 自定义样式卡片
这是一个使用自定义 HTML 和 CSS 创建的卡片效果。
- ✅ 支持任何 HTML 标签
- ✅ 支持内联样式
- ✅ 支持 JavaScript
方法二：创建交互式内容
交互式计数器
点击次数: 0
方法三：嵌入外部内容
可以嵌入 iframe 或其他外部内容：
方法四：创建表格
使用纯 HTML 创建复杂表格：
| 功能 | 支持 | 说明 |
|---|---|---|
| HTML 标签 | ✅ | 完全支持 |
| CSS 样式 | ✅ | 内联和外部都支持 |
| JavaScript | ✅ | 需启用 unsafe 模式 |
总结
通过在 Markdown 中直接嵌入 HTML，你可以创建更加丰富和交互式的内容。这对于需要特殊样式或交互功能的文章非常有用。