如何向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文件夹中。