雨果:在不使用嵌入式HTML的情况下向文本块添加样式

问题描述

因此,我最近设法从我的Hugo博客删除了所有以前用来对插入到我的帖子中的图像进行样式设置的内联HTML。我已经使用CSS选择器完成了此操作,这样Markdown如

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

产生我想要的结果。我的问题是如何对文本跨度执行类似的操作?例如,我有一篇博客文章,其中我使用跨度块添加CSS来设置文本颜色。现在,我从config.toml文件删除了以下内容,这些效果已经消失了。我需要此代码块才能使内联HTML预先呈现。

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

我在将图像应用于文字时是否有类似的想法?

在此先感谢您的帮助!

解决方法

您可以尝试使用带有特定选择器代码的纯CSS来格式化图像。例如:

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

将图像的默认宽度设置为150px。