我有一个mysite.com通过Netlify托管的静态站点()。Netlify当前管理我的DNS,因此我拥有这样的名称服务器:
dns1.p07.nsone.netdns2.p07.nsone.netdns3.p07.nsone.netdns4.p07.nsone.net我的S3上有一个名为的存储桶dl.mysite.com。我想拥有它,以便当有人单击诸如的链接时http://dl.mysite.com/file.pdf,它会从S3存储桶中获取它。
在Netlify的管理仪表板中,我可以创建一个自定义子域(dl.mysite.com),它指示我执行以下操作:
将
dlCNAME记录指向,以obfuscated-url-d6f26e.netlify.com登录到您在DNS提供商处拥有的帐户,并添加一个CNAME记录以dl指向obfuscated-url-d6f26e.netlify.com。
过去,当我仅使用AWS托管应用程序和管理DNS时,只需在Route53中为子域创建Alias记录并将其指向我的存储桶即可轻松实现。
既然Route53无法处理我的DNS,我该怎么做?还有可能将该子域指向特定的S3存储桶吗?
我需要做一个简单的客户端重定向,从我在 Netlify 上托管的 Gatsby 站点上的页面重定向到外部 URL。它在本地工作正常,但在部署时似乎没有任何效果。Gatsby 的原生 createRedirect 功能似乎也存在一个错误,因此它不允许重定向到外部 URL。
我已经尝试了以下三种方法componentDidMount,render以及来自重复 ( setInterval) 函数调用的回调。我还尝试劫持指向重定向页面的链接的点击并执行window.open(url),但window在部署时似乎没有任何涉及的工作。有任何想法吗?
window.location.replace(url)
window.location.href = url
window.location = url
Run Code Online (Sandbox Code Playgroud) 我正在使用Netlify托管github 存储库,并试图找到一种在域上托管其他文件的方法。
(如果您不知道 Netlify 是什么,请查看它。据我所知,它是 AWS 代码部署的快速肮脏且免费版本。(免责声明尚未使用 AWS 代码部署))
基本域:
https://phyome-test.netlify.com/
从以下位置加载 3D 模型
https://phyome-test.netlify.com/3Dmodels/heart/fullheart.json
有谁知道这是否可能?我知道他们只提供“静态站点”,但我不明白为什么不能包含文件存储,这样就不必担心 CORS
我用Gatsby和Netlify编写了一个应用程序。
我正在通过我的环境变量使用Snipcart公共 API 密钥html.js(在 dev 中有测试密钥,在 prod 中有实时密钥)。
import React from 'react'
import PropTypes from 'prop-types'
export default class HTML extends React.Component {
render() {
return (
<html lang='en' {...this.props.htmlAttributes}>
<head>
<meta charSet='utf-8' />
<meta httpEquiv='x-ua-compatible' content='ie=edge' />
<meta
name='viewport'
content='width=device-width, initial-scale=1, shrink-to-fit=no'
/>
{this.props.headComponents}
{/* Snipcart */}
<script
defer
src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js'
/>
<script
defer
src='https://cdn.snipcart.com/scripts/2.0/snipcart.js'
id='snipcart'
data-api-key={process.env.SNIPCART_API_KEY}
/>
<link
href='https://cdn.snipcart.com/themes/2.0/base/snipcart.min.css'
type='text/css'
rel='stylesheet'
/>
</head>
<body {...this.props.bodyAttributes}>
{this.props.preBodyComponents}
<div
key={'body'} …Run Code Online (Sandbox Code Playgroud) 注意:我知道 StackOverflow 上有类似的问题具有相同的错误代码,但他们的解决方案对我不起作用。
我正在尝试使用 GitHub 在 Netlify 上部署 Gatsby 站点。我遵循了 Gatsby 的文档,但我的构建失败了:
11:06:04 PM: Error: ./src/pages/index.js
11:06:04 PM: Module not found: Error: Can't resolve '../components/Bio' in '/opt/build/repo /src/pages'
11:06:04 PM: resolve '../components/Bio' in '/opt/build/repo/src/pages'
11:06:04 PM: using description file: /opt/build/repo/package.json (relative path: ./src/p ages)
11:06:04 PM: Field 'browser' doesn't contain a valid alias configuration
11:06:04 PM: using description file: /opt/build/repo/package.json (relative path: ./src /components/Bio)
11:06:04 PM: no extension
11:06:04 PM: Field 'browser' doesn't contain a valid alias …Run Code Online (Sandbox Code Playgroud) 我对 Netlify 的 CMS 有点困惑——特别是在通过config.yml. 我将 Netlify CMS 与 Gatsby 静态站点一起使用,以允许最终用户更新网站上的一些动态数据。
我正在努力实现的目标:
我想要 CMS 上的数据类型,以允许用户创建新的旅游日期,包括最大入住人数和当前入住人数(即当前在所述旅游中预订了多少人)。
为了实现这一点,我目前已经这样做了config.yml(它config.yml位于static/admin我的 Gatsby 项目中,项目根目录中):
backend:
name: git-gateway
branch: master
publish_mode: editorial_workflow
media_folder: src/images/uploads
public_folder: /uploads
collections:
- name: "tourInfo"
label: "Tour Info"
description: "Upcoming tours and their availability"
files:
- label: "tour"
name: "Tour"
file: "static/tours.json"
fields:
- {label: "Tour Date", name: "date", widget: "datetime"}
- {label: "Total Places", name: "totalPlaces", widget: "number"}
- {label: "Filled Places", name: …Run Code Online (Sandbox Code Playgroud) 我正在尝试做的事情:
在我的网站上,我创建了一个注册表单,我希望在提交时执行两个操作:
1) 为用户订阅 MailChimp EDM 列表(仅使用姓名、电子邮件字段)。
2)通过执行 POST 操作(所有字段,特别是它们的消息)将完整的表单存储在 Netlify 中
这是我的表格:
<form
className={`contact-form ${submitError ? 'has-error' : ''}`}
name={formName}
method="POST"
onSubmit={event => this.submitHandler(event)}
action="/thank-you/"
data-netlify="true"
data-netlify-honeypot="bot-field"
>
// Form fields
</form>
Run Code Online (Sandbox Code Playgroud)
这是我的 onSubmit 处理程序:
submitHandler = async (event) => {
const {
email,
fieldValues,
submitting,
} = this.state;
if (submitting) return false;
this.setState({
submitting: true,
submitError: false,
});
const result = await addToMailchimp(email, fieldValues);
if (result.result === 'success') {
// Inconsequential, as success should result in redirection to …Run Code Online (Sandbox Code Playgroud) 我正在使用Gatbsy、Contentful CMS 和Netlify构建一个网站。它看起来很棒并且可以在本地运行,但是我在使用tracedSVG选项制作流体图像时遇到了问题。Netlify 部署曾经偶尔工作,当我向项目添加更多图像时,现在经常因以下错误而中断(并不总是在同一页面中):
10:53:45 AM: The GraphQL query from /opt/build/repo/src/pages/index.js failed.
10:53:45 AM: Errors:
10:53:45 AM: VipsJpeg: Corrupt JPEG data: premature end of data segment
10:53:45 AM: VipsJpeg: out of order read at line 544
10:53:45 AM: GraphQL request:54:3
10:53:45 AM: 53 | fragment GatsbyContentfulFluid_tracedSVG on ContentfulFluid {
10:53:45 AM: 54 | tracedSVG
10:53:45 AM: | ^
10:53:45 AM: 55 | aspectRatio
Run Code Online (Sandbox Code Playgroud)
或有时
error
The GraphQL query from /opt/build/repo/src/pages/index.js failed. …Run Code Online (Sandbox Code Playgroud) 我部署了 Gatsby + Netlify 站点,并且 cms 插件在 gatsby-config.js 下配置如下:
{
resolve: 'gatsby-plugin-netlify-cms',
options: {
modulePath: `${__dirname}/src/cms/cms.js`,
},
},
Run Code Online (Sandbox Code Playgroud)
该网站已启用 https,但我只能选择使用 github 登录,并且需要启用 Netlify 身份登录。
有什么线索吗?
我有一个没有文件的 git 文件夹,所以我想使用 Gatsby CLI 在该文件夹中创建一个项目。使用gatsby new .但失败的是存储库不是空的,但它只有.git文件夹。我可以使用哪些替代方案来实现我的目标。
netlify ×10
gatsby ×8
javascript ×3
reactjs ×3
netlify-cms ×2
amazon-s3 ×1
cname ×1
contentful ×1
deployment ×1
fluid-images ×1
forms ×1
gatsby-image ×1
github ×1
graphql ×1