Измените высоту строки заголовка сообщения в теме HUGO-Xmin

С пакетом R blogdown легко создать личный веб-сайт. Мне нравится стиль темы yihui / hugo-xmin за ее простоту. Я создал сайт с пакетом R blogdown в моей папке c: / test в ОС Windows:

install.packages('blogdown')
setwd('c:/test')
blogdown::new_site(theme='yihui/hugo-xmin')

и я записал следующий текст в файл .md в папке c:/test/content/post/:

---
title: "Summer Holiday in Southern France (VIII): Return to Nice (Videos) 带着俩娃游南法 (第十天): 重返尼斯 (视频)"
author: dapeng
date: "2017-08-17 15:22:06"
slug: summer-holiday-in-southern-france-viii-return-to-nice-videos
categories: [cn]
tags: 
  - cn
---

my text.

Затем я просмотрел сайт:

blogdown::serve_site()

Однако заголовок поста выглядит так:

введите описание изображения здесь

Мне было интересно, как изменить высоту строки в заголовке, которая по умолчанию слишком мала. Я добавил line-heightкоманду в /themes/hugo-xmin/static/css/style.css вот так:

.menu, .article-meta, footer { text-align: center; }
.title { font-size: 1.1em; }
footer a { text-decoration: none; }
hr {
  border-style: dashed;
  line-height: 5em;
  color: #ddd;
}

Но не вышло.

Спасибо за помощь!


person pzhao    schedule 06.11.2017    source источник
comment
Где код? И это два вопроса. У вас должно быть два разных вопроса, по одному на каждую проблему.   -  person LOTUSMS    schedule 06.11.2017
comment
Спасибо за комментарий. Я добавил ссылку на демонстрационные коды и перефразировал вопрос как ОДИН вопрос с двумя дополнительными проблемами.   -  person pzhao    schedule 06.11.2017
comment
К сожалению, здесь работает не так, чувак. Сомневаюсь, что кто-нибудь клонирует твой мерзавец. Это рискованно. И никто не будет тратить время на то, чтобы просмотреть весь ваш код, чтобы найти проблему. Вам необходимо разместить здесь разметку и CSS, относящиеся ТОЛЬКО к вашей проблеме. Он также должен воспроизводить ошибку, и он должен быть отлаживаемым (запускаться, даже с ошибками). Использование фрагмента кода здесь хорошо, либо используйте JFiddle или Codepen для создания образца   -  person LOTUSMS    schedule 06.11.2017
comment
Если ваша система построена на какой-то конкретной платформе, найдите онлайн-редактор, который поддерживает эту структуру для онлайн-отладки, и мы ничего не загружаем. Как и для React, вы можете использовать WebPackBin, а для Angular Material вы можете использовать Codepen. и т.п.   -  person LOTUSMS    schedule 06.11.2017
comment
Спасибо, Луис. Я исправил свой вопрос с воспроизводимыми кодами. Приятно знать упомянутые вами инструменты.   -  person pzhao    schedule 06.11.2017
comment
Это все еще два полностью ортогональных вопроса. Вы не можете просто притвориться, что это единственный вопрос. Я ответил только на первый. На второй я могу ответить, если его спросят в отдельном посте.   -  person Yihui Xie    schedule 06.11.2017
comment
Хорошо, Ихуи. Скоро их разделяю!   -  person pzhao    schedule 06.11.2017


Ответы (1)


Заголовок находится не в теге <hr>, а в <h1>. Добавьте что-то подобное в свой CSS, чтобы увеличить высоту строки:

h1 { line-height: 1.2em; }

Я рекомендую вам научиться использовать инструменты разработчика своего веб-браузера.

person Yihui Xie    schedule 06.11.2017
comment
Ой, как неловко. Звучит как глупый вопрос. Спасибо! - person pzhao; 06.11.2017
comment
Не смущайтесь :) Не забудьте принять ответ, если он сработает. - person Yihui Xie; 07.11.2017