我正在尝试使用Blogdown和Hugo主题Sam建立一个网站。
此主题的SASS文件已转换为缩小的CSS文件。
当我更改SASS文件中的某些内容(例如背景色)时,使用serve_site
时不会考虑它。
有没有办法使用blogdown
来完成这项工作?
重现此问题的一种方法是:
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知之甚少,所以也许有些明显的东西我没有得到。
感谢您的帮助!
答案 0 :(得分:0)
尽管回答得很晚,但我通过将“ 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()对我来说正常工作。它还修复了我遇到的一些绘图渲染问题。