Hugo + TinaCMS 设置指南

介绍

TinaCMS 可以本地添加到您的 Hugo 网站。在本文档中，我们将指导您完成本地设置，以及在生产网站上的编辑。

您可以参考我们的 Tina Hugo Starter 作为示例。

入门

在您网站的目录中运行：

 npx @tinacms/cli@latest init

这将询问您一些设置问题。

当被询问“公共资产目录”时，输入：static。

如果您是从 Forestry.io CMS 导入您的网站，一些模型和配置将被自动导入。

建模您的内容

要在 Tina 中编辑您网站的内容，您可以在 tina/config.ts 文件中建模您的内容。

了解更多关于内容建模的信息

启动 TinaCMS

您可以通过以下方式启动 TinaCMS：

npx tinacms dev -c "hugo server -D -p 1313"

hugo server -D -p 1313 可以替换为您网站的自定义开发命令。

在 TinaCMS 运行时，导航到 http://localhost:1313/admin

^ 上述默认端口可能会根据您的框架而有所不同。

提示：如果运行此命令时出现错误，请参阅常见错误页面。

此时，您应该能够看到 Tina 管理界面，选择一个帖子，保存更改，并看到更改持久化到您的本地 markdown 文件中。

下一步

• 查看内容建模文档
• 了解如何查询您的内容
• 部署您的网站

另请参阅

• Next.js 设置指南 - 在 Next.js 中使用 Tina
• Astro 设置指南 - 在 Astro 中使用 Tina
• Gatsby 设置指南 - 在 Gatsby 中使用 Tina