Mkdirs Docs
配置环境

Sanity

如何配置 Sanity 相关环境变量.

Mkdirs 使用 Sanity 作为 CMS,您可以通过 Sanity Studio 管理网站所有内容(包括用户数据、导航数据、文章数据、图片等),您不再需要配置其他数据库或存储。

配置

在 Sanity 创建一个账户

如果您没有 Sanity 账户,请按照他们提供的步骤进行 注册。

创建一个新项目

登录 Sanity 后,您可以在 这里 创建新项目。

获取项目 ID

创建项目后,您可以在项目名称下看到项目 ID。

# .env
# [required] sanity project id
NEXT_PUBLIC_SANITY_PROJECT_ID=your_project_id

获取数据集

默认数据集是 production,您可以使用默认数据集或创建一个新数据集。

如果您想分离生产环境和开发环境,您可以为开发环境创建一个新数据集,并为生产环境和开发环境设置不同的数据集名称。

# .env
# [required] production by default, you can set your own dataset name
NEXT_PUBLIC_SANITY_DATASET=your_dataset

获取 API 令牌

进入项目 API 设置,点击 Add API token 按钮,创建一个新令牌,权限是 Editor,并将其设置到 .env 文件中。

# .env
# [required] sanity api token
SANITY_API_TOKEN=your_api_token

配置 CORS 来源

进入项目 API 设置,点击 Add CORS origin 按钮,添加您的域名,例如线上环境的 https://your-domain.com 或本地开发的 http://localhost:3000。

它将用于允许您通过 /studio 路径访问 Sanity Studio,例如 https://your-domain.com/studio 或 http://localhost:3000/studio。

确保您将域名的来源添加到 CORS 来源中,否则您将无法访问 Sanity Studio (也就是,网站的管理后台),建议将 http://localhost:3000 和 https://your-domain.com 都添加到 CORS 来源中。

Sanity CORS

  1. 如果本地开发时,经常出现 Sanity 的请求出现问题,请确保 VPN 代理已开启,并且开启 Tune 模式。如果还不行,建议尝试更换到其他更好的 VPN 工具。

视频教程

视频教程有2个版本,一个是开发者教程,一个是初学者教程,请根据自己的实际情况选择观看。

配置 Sanity 环境变量 - 开发者教程

配置 Sanity 环境变量 - 初学者教程

延伸阅读

最后更新于

本页目录