Blogdown中的SASS文件转换（SAM主题）

Question

我正在尝试使用Blogdown和Hugo主题Sam建立一个网站。

此主题的SASS文件已转换为缩小的CSS文件。 当我更改SASS文件中的某些内容（例如背景色）时，使用serve_site时不会考虑它。

有没有办法使用blogdown来完成这项工作？

重现此问题的一种方法是：

• 创建一个名为ex的空目录。 test_sam，并将其设置为工作目录
• 然后做：

   library(blogdown)
   new_site(theme = "victoriadrake/hugo-theme-sam")

• 尝试更改test_sam/themes/hugo-theme-sam/assets/sass/style.sass中的某些内容，例如：

更改

html
    background-color: $dark-grey

到

html
    background-color: $white

这不会产生任何变化。 颜色变量（例如$white）在test_sam/themes/hugo-theme-sam/assets/sass/_vars.sass中定义 奇怪的是，如果将其更改为未定义的变量名称，例如$yellow，则会收到以下错误消息：

  

建筑工地…错误2019/12/27 20:44:39转换失败：SCSS   处理失败：文件“ stdin”，第11行，列23：未定义的变量：   “ $黄色”。总计197毫秒内的错误：建立网站时发生错误：已记录1   错误

这表明blogdown确实访问了sass文件来构建站点。

我对网站建设和CSS知之甚少，所以也许有些明显的东西我没有得到。

感谢您的帮助！

Answer 1

尽管回答得很晚，但我通过将“ blogdown.generator.server”选项设置为TRUE来解决了同一主题。

options("blogdown.generator.server" = TRUE)
blogdown::serve_site()

更新：这实际上似乎是Sam主题的常见问题。主题使用了一些Hugo不附带的工具，您必须单独下载它们。是addressed in the README。

打开终端并运行：

npm install -g postcss-cli
npm install -g autoprefixer

之后，blogdown :: serve_site（）对我来说正常工作。它还修复了我遇到的一些绘图渲染问题。