如何将样式添加到 NetlifyCMS 编辑器预览

Question

我正在将 Netlify CMS 集成到 Gatsby 网站。现在，在编辑或创建内容时，内容的预览会以纯文本形式出现在屏幕右侧。是否可以对主页和预览页面使用相同的样式，以使它们看起来相同？

我假设由于预览页面是使用页面模板呈现的，并且页面模板带有自己的样式，因此不需要额外的样式表。

我尝试使用 CMS.registerPreviewStyle("link/to/my/css/file"); 链接样式表，但没有任何变化。

开发者控制台返回错误

拒绝应用来自“https://my-site-name.com/admin/cms.css”的样式 因为它的 MIME 类型 ('text/html')" 不是受支持的样式表 MIME 类型，并启用严格的 MIME 检查。"

但是，当我尝试直接加载样式表时，我收到一个 404 错误，表明它不存在。

Answer 1

你所做的是正确的，只要确保路径是正确的。例如，确保您的 CSS 文件嵌套在 static 文件夹中。