Есть ли способ изменить ширину страницы HTML-сообщения в blogdown / hugo? - PullRequest
Новая
       17

Есть ли способ изменить ширину страницы HTML-сообщения в blogdown / hugo?

0 голосов
/ 25 апреля 2019

Я создаю пост, используя blogdown с темой hugo-tranquilpeak-theme.Есть ли способ, которым я могу изменить ширину отображаемой страницы?

У меня есть пример здесь:

enter image description here

Кажетсяя слишком узокМогу ли я сделать это больше?

Хотел бы я установить его в качестве поведения по умолчанию для всех постов блога.

1 Ответ

3 голосов
/ 25 апреля 2019

Ширина определяется вашей темой. Я только посмотрел пример сайта, предоставленного здесь , но в данном конкретном случае элемент, с которым вам нужно иметь дело, выглядит как main-content-wrap. Я пришел к такому выводу, щелкнув правой кнопкой мыши в моем браузере и выбрав «Inspect Element» (firefox) или «Inspect» (chrome), который дает вам информацию о том, какие элементы присутствуют и как на них влияет существующий CSS. Отсюда вы можете видеть, что по умолчанию max-width составляет 750 пикселей. Вам нужно создать файл CSS, чтобы перезаписать это свойство. Файл должен содержать только 

.main-content-wrap{
    max-width: [insertYourDesiredWidthHere]px
}

Сохраните этот файл где-нибудь в каталоге static. В идеале в папке с именем css для удобства

Способ фактического использования этого файла также зависит от темы. Обычно это контролируется параметром customCSS в config.toml

Глядя на пример сайта в репозитории тем Я вижу закомментированные строки, описывающие, как это сделать.

Так что просто добавьте 

[[params.customCSS]]
 href = "pathToFileUnderStatic"
...