stablo
v3.0.0
Stablo是由Next.js，Web3Templates构建的Jamstack博客模板。它带有免费＆Pro版本。
免费版本演示→
Pro版本演示→
| 特征 | 免费版本 | Pro版本 |
|---|---|---|
| Next.js V13 | ✅ | ✅ |
| /APP目录 | ✅ | ✅ |
| 尾风CSS | ✅ | ✅ |
| 理智CMS（V3） | ✅ | ✅ |
| 按需重新验证 | ✅ | |
| 自动更新新帖子 | 基于时间 | ✅ |
| 移动响应能力 | ✅ | ✅ |
| 黑暗与光模式 | ✅ | ✅ |
| 工作联系页面 | ✅ | ✅ |
| 档案（分页） | ✅ | ✅ |
| 类别页面 | ✅ | |
| 作者页 | ✅ | |
| 搜索页面 | ✅ | |
| 主页 - 默认值 | ✅ | ✅ |
| 主页 - 备用 | ✅ | |
| 首页 - 最小 | ✅ | |
| 主页 - lifestlye | ✅ | |
| 首页 - 两列 | ✅ | |
| 博客文章 - 默认 | ✅ | ✅ |
| 博客文章 - 最小 | ✅ | |
| 博客文章 - lifestlye | ✅ | |
| 博客文章 - 带侧边栏 | ✅ | |
| 6个月的支持 | ✅ | |
| 免费更新 | ✅ | ✅ |
| 执照 | GPL-2.0 | 商业的 |
| 定价 | 自由的 | $ 49 |
| 免费部署 | 购买Pro |
使用下面的部署按钮。它可以让您使用Vercel部署起动器，并使用Sanity Vercel Integration将其连接到您的理智工作室。
以上部署将自动配置以下内容：
另外，您可以部署到其他服务，例如NetLify或Cloudflare页面或AWS放大。
部署网站后，它看起来像空或未正确配置。这是预期的。我们需要做更多的步骤，使其如演示中所见。
首先，克隆GitHub存储库Vercel创建的本地计算机。使用以下命令结构。在执行此命令之前，请确保终端在正确的文件夹上。
git clone https://github.com/ < usename > / < repo > .git your-project-name克隆后，从项目的根目录中运行以下命令。这将链接您的Vercel项目。
npx vercel link现在，运行以下命令将.env变量拉到本地系统。
npx vercel env pull现在，您可以看到已经创建了一个新的.env.local文件。如果这不起作用，您还可以将.env.local.example重命名为.env.local ，并手动添加Sanity Project ID。
现在，您可以打开代码编辑器（如果还没有），我们更喜欢VSCODE。在代码编辑器内的集成终端中运行命令。
npm install
# or
yarn install
# or
pnpm install我们更喜欢pnpm节省您的磁盘空间。
看起来您在演示中看到的内容和所有内容和图像，请按照以下步骤：
@sanity/cli请首先在全球上安装。 npm install -g @sanity/cli
# or
pnpm install -g @sanity/cli然后使用sanity login命令登录理智
sanity login
现在，您将能够通过运行sanity-import命令导入演示内容。这些文件位于/lib/sanity/data/production.tar.gz上，并通过运行以下命令自动加载。
npm run sanity-import
# or
pnpm sanity-import现在，使用以下命令运行项目。
npm run dev
# or
pnpm dev现在，您的项目应该启动，下一个项目将在http：// localhost：3000上运行。
可以使用http：// localhost：3000/Studio访问Sanity Studio，也可以使用以下命令在单独的https：// localhost：3333服务器上运行它。
npm run sanity
# or
pnpm sanity一旦进行了上述所有更改，请确保再次重新部署到Vercel，以查看您的所有生产更改。
您可以git push更改，并且应该自动触发新的部署。如果没有，您也可以使用以下命令部署到Vercel。
npx vercel --prod
我们建议您使用上面的一单击部署选项。由于某种原因，如果不能，请使用以下步骤手动安装它。
克隆github存储库或在本地计算机中使用下载的文件。
.env变量。打开项目文件夹并重命名.env.local.example将根文件夹放入.env.local中，然后添加您的理智项目ID。您可以通过访问此链接来创建一个新项目：https：//www.sanity.io/get-started/create-project
如果您已经有一个项目，请从https://sanity.io/manage复制项目ID
NEXT_PUBLIC_SANITY_PROJECT_ID=xxyyzz
为了使工作室正常工作，您必须以理智的态度添加CORS来源。如果您使用的是Vercel部署，通常会自动设置。请访问https://www.sanity.io/manage/personal/project/<project-id>/api在您的浏览器中添加CORS Origin。
单击Add CORS origin按钮，然后以http://localhost:3000输入URL，然后选中“允许凭据”复选框。
现在，您将可以从上面的说明中继续导入演示数据并在本地运行该项目。
某些事情无法正常工作？提出一个GitHub问题。如果您需要个性化的支持或帮助，请考虑购买Pro版本，我们将通过电子邮件为您提供帮助。
