Question

我最近在GitHub上使用Jekyll使自己熟悉模板。到目前为止，我在所有方面都取得了成功-除了一项。它是每页左上角的类似太空飞船的徽标。一个示例是here。

原本是一个不同的徽标，我设法通过更改以下文件来将其更改为类似飞船的徽标：

1）https://github.com/testMDRS/testMDRS.github.io/tree/master/assets/logos
2）https://github.com/testMDRS/testMDRS.github.io/tree/master/_site/assets/logos

我相信页面左上角的徽标来自上面两个目录之一中的“ logo.svg”文件。可能是我不习惯使用.svg文件，但无法在Mac上确定其像素尺寸和调整其像素尺寸。取而代之的是，我使用一个在线程序来减小像素大小。但是，即使我这样做并将更改推送到GitHub存储库，左上角的徽标也会显示相同的大小。

非常感谢您提供有关如何确定徽标来源并减小徽标大小的建议。

Answer 1

可以通过更改

中的 max-height 属性来调整显示徽标的大小。

_sass / _theme.scss

.logo {
  display: inline-block;
  line-height: 0;
  max-height: 4rem;
  @include flexbox;
  @include align-items(center);
  img {
    max-height: 5rem;
  }
}

更改最大高度后，宽度将自动跟随以保持w / h比例。

更改Jekyll GitHub上的logo.svg文件（减小像素大小似乎没有改变）

1 个答案: