Loving Tina? us on GitHub0.0k

文档

学习

v.Latest
Documentation

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 文件中。

下一步

上次编辑: October 21, 2025