我第一次尝试了一个静态站点生成器。每当我构建时,内容文件都生成得很好,但是没有任何资产(CSS、JS、图像等)。最后出现在输出目录中-所有出现的都是HTML,与资产的链接中断。
目前,我使用的是默认目录结构:
我试着构建它,就像上面一样,并且我尝试将css放在_includes目录中。我还尝试将css放在输出文件夹(_site/)中,这起作用了,但在输出中编辑源文件似乎是错误的。
我已经搜索过了,但是我发现的所有教程都没有提到像CSS这样的东西。
是否有适当的方法来解决我所遗漏的问题,或者您真的应该同时编辑源和输出中的文件?
发布于 2019-11-07 12:57:55
解决方案是使用传递文件副本。我以前没有研究过这一点,因为作为初学者,这似乎是一个高级主题,我认为将CSS放到输出目录这样的基本内容应该是一些默认打开的简单设置。一旦你知道如何去做,这是很简单的,但是由于某些原因,它并不是默认的。
这是解决我问题的密码。"_src/assets“是相对于项目根保存所有CSS和图像的文件夹。
module.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy("_src/assets");
return {
dir: {
includes: "_templates",
input: "_src",
output: "_site"
}
};
};
https://stackoverflow.com/questions/58734398
复制相似问题