在HUGO-Xmin主题中更改帖子标题的行高

时间:2017-11-06 14:18:02

标签: css r hugo blogdown

使用R blogdown软件包,可以轻松构建个人网站。我喜欢yihui/hugo-xmin主题的风格,因为它简单。我在我的文件夹中建立了一个带有R blogdown软件包的网站&c; c:/ test'在Windows操作系统上:

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

我将以下文本写入c:/test/content/post/文件夹中的.md文件:

---
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()

然而,帖子标题如下:

enter image description here

我想知道如何更改标题中的行高,默认情况下它太小了。我在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;
}

但它没有用。

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

标题不在<hr>标记中,而在<h1>。添加这样的东西到你的CSS应该增加行高:

h1 { line-height: 1.2em; }

我建议你学习use the Developer Tools of your web browser