时间戳

首页 > 解决方案 > Hugo：在不使用内联 HTML 的情况下为文本块添加样式

html - Hugo：在不使用内联 HTML 的情况下为文本块添加样式

问题描述

因此，我最近设法从我的 Hugo 博客中删除了所有内联 HTML，这些 HTML 以前用于设置插入到我的帖子中的图像样式。我已经使用 CSS 选择器完成了这项工作，这样 Markdown 就可以了

![](Landscape.jpg#align-left)

产生我想要的结果。我的问题是如何为文本跨度做类似的事情？例如，我有一篇博客文章，其中我使用 span 块添加 CSS 来设置文本颜色。现在我从 config.toml 文件中删除了以下内容，这些效果已经消失。我需要这个块来让内联 HTML 之前呈现。

[markup]
   [markup.goldmark]     
      [markup.goldmark.renderer]        
         unsafe = true

是否有与我将图像应用于文本的类似想法？

在此先感谢您的帮助！

标签： htmlcssmarkdownhugo

解决方案

You could try using pure CSS with specific selector codes to format your images. For example:

<style type="text/css">
img {width:150px;}
</style>

would set the defauly width of an image to 150px.

推荐阅读