Hugo: добавление стиля к текстовым блокам без использования встроенного HTML

#html #css #markdown #hugo

#HTML #css #markdown #hugo

Вопрос:

Итак, недавно мне удалось удалить весь встроенный HTML-код из моего блога Hugo, который ранее использовался для оформления изображений, вставленных в мои посты. Я сделал это с помощью селекторов CSS, чтобы уценка, такая как

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

дает желаемый результат. Мой вопрос в том, как мне сделать что-то подобное для текстовых промежутков? В качестве примера, у меня есть одно сообщение в блоге, где я использую span blocks для добавления CSS для установки цвета текста. Теперь, когда я удалил следующее из своего файла config.toml, эти эффекты исчезли. Мне нужен был этот блок, чтобы получить встроенный HTML для рендеринга ранее.

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

Есть ли аналогичная идея тому, что я использую для применения изображений к тексту?

Заранее спасибо за вашу помощь!

Комментарии:

1. @CodeMonkey Мне любопытно, есть ли у вас какие-либо мысли по этому поводу 😉

Ответ №1:

Вы можете попробовать использовать чистый CSS со специальными кодами селектора для форматирования ваших изображений. Например:

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

по умолчанию ширина изображения будет установлена на 150 пикселей.