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

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 文件（减小像素大小似乎没有做出改变）

Changing logo.svg file on Jekyll GitHub (reducing pixel size does not appear to make change)

svg

github

jekyll

graphical-logo