Huguette - 一个为 Hugo 设计的主题

概览：

git submodule add https://github.com/cathelijne/hugo-theme-huguette.git themes/huguette
echo "theme = 'huguette'" >> config.toml

查看实际效果

这是一个示例网站，可以查看 Huguette 的外观。

关于此主题

我白天是一名云工程师，只要有时间，就会成为一名业余网站构建者。我喜欢尝试许多不同的技术，只是为了好玩。通常，我会想念一个非常简单的样板主题，该主题仅演示 CMS 或站点构建器可以做什么。要么你必须从许多（而且通常很棒！）精美的主题中选择，这些主题带有许多花哨的功能，稍微掩盖了所有内容的工作原理，要么你必须从头开始。

当我遇到 Hugo 时，我决定实际制作一个如此简单的主题。没有花哨的功能，没有 javascript，不需要 npm 或 yarn 来更改主题。只是纯 HTML。为了使其看起来更好，我包含了 classless.css。但是使用它是完全可选的（尽管它看起来不错！）。我在主题中包含了一些，刚刚足够，Hugo partials，让你了解它们可以做什么，仅此而已。我真的不得不按住自己的双手:)

使用 NetlifyCMS 一键安装

此存储库仅包含主题，因此你可以将其安装到任何现有站点。但是，如果你刚开始使用 Hugo 并希望一键安装带有主题、css 和启用了 Netlify CMS 并托管在 Netlify 上的站点，则可以使用下面的按钮。你还可以查看示例站点存储库或示例站点本身（你也会在那里找到一键安装）。

如果你只想要主题，请继续阅读。

主题安装

像安装任何其他主题一样安装此主题

git submodule add https://github.com/cathelijne/hugo-theme-huguette.git themes/huguette
echo "theme = 'huguette'" >> config.toml

启用包含的 Classless CSS：

echo '[params]
  css = true' >> config.toml

并将此主题中包含的 static/css 文件夹复制到站点根目录中的 static 文件夹

mkdir static
cp -r themes/huguette/static/css static

启用 Netlify CMS

要启用 Netlify CMS，请通过将 netlifycms = true 添加到 config.toml 的 params 部分来启用 CMS JavaScript 的包含，使其看起来像这样

[params]
  css = true
  netlifycms = true

将 static/admin 文件夹复制到站点根目录中的 static 文件夹

cp -r themes/huguette/static/admin static

你将需要编辑 admin/static 中的 config.yml 以匹配你的站点。解释如何操作超出了此安装文档的范围，但是你可以使用 Netlify CMS 的文档：有关向 Hugo 添加 NetlifyCMS 的说明。

感谢

• Hugo
• Netlify CMS
• classless.css

查看我为 Hugo 提供的其他资源

• 一个包含一些可在模板中使用的代码片段的 gist
• Huguette，一个让你入门的样板主题，仅此而已 <– 这是这个存储库！
• 一个 Hugo 的一体化、一键式 Netlify 安装，Huguette 作为主题
• Hugo 的虚拟内容：5 个部分中的 100 页，带有类别和标签

另请参阅

• TatBanTheme2.0
• 黑与白
• smol
• dead-simple
• Gokarna