如何控制 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 设置来设置页面,然后使用样式设置来修改它。如果没有修改,会更快
我在我的 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 设置来设置页面,然后使用样式设置来修改它。如果没有修改,会更快