如何利用社区计划建立Storyblok空间以促进当地发展

# Web 开发# 教程

Storyblok 的社区计划是开发者探索该平台的绝佳起点。它允许您开始使用 Storyblok，熟悉其逻辑并了解其基本功能 - 所有这些都是免费的。但是，评估和选择最适合您特定需求的计划对于现实世界的生产级项目至关重要。

本指南将引导您使用社区计划创建 Storyblok 空间、检索预览访问令牌以及配置可视化编辑器以与您的本地开发环境无缝协作。

步骤 1：使用社区计划创建空间

  • 注册或登录 Storyblok 前往 Storyblok 网站并注册一个免费帐户或登录。
  • 创建新空间 登录后，导航到“我的空间”仪表板。单击“+ 添加空间”按钮。选择社区计划（用于学习和启动小型项目的免费选项）。
    • Selecting the proper plan for creating a new space
  • 给您的空间命名，然后您的新空间就可以使用了！
    • Creating a new Storyblok space

    步骤 2：检索预览访问令牌

  • 访问令牌
  • 从您的 Storyblok 空间仪表板转到“设置”→“访问令牌”。
  • Storyblok 会自动为您生成一个默认的预览访问令牌。此令牌对于访问尚未发布的预览内容至关重要。
    • Getting the Storyblok preview access token
  • 复制令牌
  • 在列表中找到默认的预览访问令牌。
  • 使用复制图标将令牌复制到剪贴板。

    • **为什么这很重要？**

    预览访问令牌是将您的 Storyblok 空间与本地项目链接所必需的。它可确保您能够处理未发布的内容并有效使用可视化编辑器。

    步骤 3：配置可视化编辑器

  • 设置可视化编辑器位置
  • 导航至设置 → 可视化编辑器 → 位置。
  • 输入本地运行项目的 URL。例如：https://localhost:5173/
  • 保存配置。
  • 测试集成
  • 确保您的本地开发服务器在指定的 URL（例如端口 5173）上运行。
  • 打开 Storyblok 中的可视化编辑器并验证它是否与您的本地项目同步。

    • 通过在 API 调用中加入预览访问令牌，确保您的本地项目已设置为处理 Storyblok 的预览请求。

    设置本地项目

    创建新空间并获取预览访问令牌后，您可以构建本地项目，例如阅读本教程（SvelteKit 项目）：https://dev.to/robertobutti/integrating-sveltekit-with-storyblok-using-svelte-5-384p

    总结

    按照这些步骤，您已成功使用社区计划创建 Storyblok 空间，检索预览访问令牌，并将可视化编辑器链接到您的本地开发环境。此设置非常适合测试和学习。

    当您准备投入生产时，请考虑 Storyblok 的其他计划，以确保满足您的需求（例如可扩展性、支持和高级功能）。

    开始使用 Storyblok 进行构建，体验精简、动态的内容管理系统！如果您需要快速教程来轻松入门，可以按照以下说明操作：https://dev.to/robertobutti/integrating-sveltekit-with-storyblok-using-svelte-5-384p