contentful 相关问题

我正在与 Astro 和 Contentful 合作开发一个博客。内容是一个富文本字段，我正在使用 contentful/rich-text-html-renderer 包进行解析，如 Astro 文档中所示：我正在与 Astro 和 Contentful 合作开发一个博客。内容是一个富文本字段，我正在使用 contentful/rich-text-html-renderer 包进行解析，如 Astro 文档中所示： <article set:html={post?.body} /> 不幸的是，图像和其他资产根本没有显示。如何让图像显示？编辑如下：经过进一步调查，我发现图像根本不是来自 Contentful API： --- import { documentToHtmlString } from "@contentful/rich-text-html-renderer"; import { Image } from 'astro:assets'; import { contentfulClient } from "../../lib/contentful"; import Layout from '../../layouts/Layout.astro' import type { Post } from "../../lib/contentful"; export async function getStaticPaths() { const { items } = await contentfulClient.getEntries<Post>({ content_type: 'post' }) return items.map(item => { return { params: { slug: item.fields.slug }, // props: { // allPosts: item // } } }) } let post; const { slug } = Astro.params; // const { allPosts } = Astro.props; try { const data = await contentfulClient.getEntries<Post>({ content_type: "post", "fields.slug": slug, }); const { title, author, coverImage, tags, dateModified, body, text } = data.items[0].fields; post = { title, author, coverImage, tags, dateModified: new Date(dateModified).toLocaleDateString(), body: documentToHtmlString(body), text }; console.log("Body texts: ", body.content) const getImages = text.content .filter(item => item.nodeType === 'embedded-asset-block') .map(item => item.content); /* Output: Body texts: [ { data: {}, content: [ [Object] ], nodeType: 'heading-1' }, { data: {}, content: [ [Object] ], nodeType: 'paragraph' }, { data: {}, content: [ [Object] ], nodeType: 'paragraph' }, { data: {}, content: [ [Object], [Object], [Object] ], nodeType: 'unordered-list' }, { data: {}, content: [ [Object] ], nodeType: 'paragraph' }, { data: { target: [Object] }, content: [], nodeType: 'embedded-asset-block' }, { data: { target: [Object] }, content: [], nodeType: 'embedded-asset-block' }, { data: {}, content: [ [Object], [Object], [Object] ], nodeType: 'paragraph' } ] */ console.log("Images: ", getImages) // output: Images: [ [] ] } catch (error) { return Astro.redirect("/404"); } const authorPic = post?.author.fields.authorImage.fields.file.url 您可能忘记发布您的资产。如果您不发布资产，即使嵌入到 RichText 中，它们也不会显示。

javascript contentful astrojs

回答 1 投票 0

使用 Contentful 按创建日期对帖子进行排序

我正在使用 Contentful 来管理我正在制作的网站的博客文章。我设置了内容模型并让它在我的页面上很好地显示，但如果我更新旧帖子，它会将其移动到页面顶部。 T...

content-management-system contentful contentful-api contentful-management

回答 1 投票 0

内容丰富的富文本Html嵌入资产无网址

所以我一直在努力了解内容资产，例如可以将图像添加为单个内容字段的一部分，即描述（富文本）我有一个中间件 NodeJS 服务器

javascript node.js angular contentful

回答 1 投票 0

环境变量不起作用（Next.JS 9.4.4）

因此，我使用 Contentful API 从我的帐户获取一些内容并将其显示在我的 Next.Js 应用程序中（我使用的是 Next 9.4.4）。这里非常基础。现在为了保护我的凭据，我想使用环境...