knitr / jekyll / servr::jekyll 图片很大或分辨率不佳

Question

这是我第一次 post SO，我希望我的问题足够具体。

我用servr::jekyll()写了一个博客post [谢谢，一辉]，但是博客上的图片尺寸不正确post - 它们太大了！当我没有指定图像大小时，图像在 post 上显示得有点模糊。我一直在 post:

的设置块中使用此代码

knitr::opts_chunk$set(
    echo    = TRUE,
    warning = FALSE,
    error   = FALSE,
    message = FALSE,
    device  = 'png',
    fig.width = 6,
    fig.height = 6,
    dpi = 300
)

博客 post 是 here and the repository is here。

所以我想要的是图像与文本宽度相同，并且具有良好的分辨率。非常感谢任何帮助！

如果您需要更多信息，请告诉我。

Answer 1

为了使图片与文字等宽，您可以在CSS中的img中添加max-with约束条件，例如

img {
  max-width: 100%;
}

如果您确实需要分辨率，可以考虑矢量图形，例如使用 svg 设备而不是 png（或考虑 svglite 包中的 svglite 设备）。

knitr / jekyll / servr::jekyll 图片很大或分辨率不佳

knitr / jekyll / servr::jekyll images are enormous or not good resolution

r

jekyll

knitr

r-markdown