Gatsby Netlify CMS自定义预览不适用于盖茨比
我克隆并尝试添加自定义预览。我已经按照所有的指示做了,但它仍然不起作用。这是我的Gatsby Netlify CMS自定义预览不适用于盖茨比,gatsby,preview,static-site,netlify-cms,headless-cms,Gatsby,Preview,Static Site,Netlify Cms,Headless Cms,我克隆并尝试添加自定义预览。我已经按照所有的指示做了,但它仍然不起作用。这是我的config.yml: ... collections: - name: "blog" label: "Blog" folder: "content/blog" create: true fields: - { name: path, label: Path } - { name: date, l
config.yml
:
...
collections:
- name: "blog"
label: "Blog"
folder: "content/blog"
create: true
fields:
- { name: path, label: Path }
- { name: date, label: Date, widget: date }
- { name: title, label: Title }
- { name: description, label: Description }
- { name: body, label: Body, widget: markdown }
我添加了盖茨比插件netlify cms,如下所示:
plugins: [
{
resolve: 'gatsby-plugin-netlify-cms',
options: {
modulePath: `${__dirname}/src/cms/cms.js`,
},
},
在我的cms.js
中,我有:
import CMS from 'netlify-cms-app'
import BlogPostPreview from './preview-templates/BlogPostPreview'
CMS.registerPreviewTemplate('blog', BlogPostPreview)
我的blogpostReview
只是呈现BlogPostTemplate
:
import React from 'react'
import { BlogPostTemplate } from '../../templates/blog-post'
const BlogPostPreview = ({ entry, widgetFor }) => {
return (
<BlogPostTemplate
body={widgetFor('body')}
title={entry.getIn(['data', 'title'])}
date={new Date()}
/>
)
}
export default BlogPostPreview
从“React”导入React
从“../../templates/blog post”导入{BlogPostTemplate}
const blogpostReview=({entry,widgetFor})=>{
返回(
)
}
导出默认博客评论
我遗漏了什么吗?我不这么认为。我将我的配置与官方的首次回购进行了比较,没有发现任何差异。当我转到管理门户上的新博客文章时,我只看到默认的纯html。任何帮助都将不胜感激
你说
import { BlogPostTemplate } from '../../templates/blog-post'
但我在那个文件夹里看不到那个名字的文件
这与你的回购协议和正式启动的回购协议不同,应该是这样的
import { PostTemplate } from '../../templates/post-template'
谢谢,这个问题现在已经过时了。我修复了这个问题,看起来实际的问题是我的主机在更改后没有更新。