如何控制 pkgdown 站点中包徽标的大小

How to control the size of package logo in a pkgdown site

我在我的 vcdExtra 包中添加了一个 pkgdown 站点,但无法弄清楚如何控制 pkgdown 构建的主页上出现的包十六进制徽标的大小,https://friendly.github.io/vcdExtra/index.html

README.md 文件包含一行以 200 像素插入图像

# vcdExtra <img src="man/figures/vcdExtra-logo.png" align="right" height="200" />

出现在 GitHub 上,如下所示

然而,当由 pkgdown 构建时,index.html 页面看起来像这样,忽略了 height = 属性。 我怎样才能解决这个问题?我查看了其他 pkgdown 网站的来源,没有发现任何实质性不同。

样式 属性 中的高度优先,pkgdown 将其设置为 "auto",而看起来 Github 未设置。您的 HTML 有

<img src="reference/figures/vcdExtra-logo.png" align="right" height="200">

所以 CSS 覆盖了设置。设置为

<img src="reference/figures/vcdExtra-logo.png" style="float:right; height:200px;">

根据一些消息来源,它应该可以工作,或者两者都可以实现微小的速度提升:

<img src="reference/figures/vcdExtra-logo.png" align="right" height="200" style="float:right; height:200px;">

速度提升背后的理论是浏览器使用 HTML 设置来设置页面,然后使用样式设置来修改它。如果没有修改,会更快