Hugo 主题

Hugoplate

Hugoplate 是一个使用 Hugo 和 TailwindCSS 构建的免费入门模板，提供启动 Hugo 项目和节省宝贵时间所需的一切。

作者：Zeon Studio
GitHub 星星：1002
更新时间：2025-01-16
许可证：MIT
标签：博客联系方式暗黑暗黑模式着陆页明亮简约多语言个人响应式

下载

Hugo + Tailwind CSS 入门和样板

Hugoplate 是一个使用 Hugo 和 TailwindCSS 构建的免费入门模板，提供启动 Hugo 项目和节省宝贵时间所需的一切。

由 Zeon Studio 用 ♥ 制作

如果您觉得这个项目有用，请给它一个 ⭐ 以示支持。

👀 演示 | 页面速度 (95+)🚀

🎁 包含内容

我们几乎包含了您启动 Hugo 项目所需的一切。让我们看看此模板中包含哪些内容

📌 主要功能

👥 多作者
🎯 相似帖子建议
🔍 搜索功能
🌑 暗黑模式
🏷️ 标签和分类
🔗 Netlify 设置预配置
📞 支持联系表单
📱 完全响应式
📝 用 Markdown 编写和更新内容
💬 Disqus 评论
🔳 语法高亮

📄 15+ 个预先设计的页面

🏠 首页
👤 关于
📞 联系方式
👥 作者
👤 单个作者
📝 博客
📝 单篇博客
🚫 自定义 404
💡 元素
📄 隐私政策
🏷️ 标签
🏷️ 单个标签
🗂️ 分类
🗂️ 单个分类
🔍 搜索

📦 技术栈

Hugo
Tailwind CSS
PostCSS
PurgeCSS
AutoPrefixer
Gethugothemes 的 Hugo 模块
Markdown
Prettier
Jshint
Netlify
Vercel
Github Actions
Gitlab Ci
AWS Amplify

🚀 入门

首先，您需要克隆或下载模板存储库，然后让我们开始以下过程

⚙️ 先决条件

要开始使用此模板，您需要在计算机上安装一些先决条件。

Hugo Extended v0.124+
Node v20+
Go v1.22+

👉 项目设置

我们构建了这个自定义脚本，使您的项目设置更容易。它将创建一个新的 Hugo 主题文件夹，并将 Hugoplate 主题克隆到其中。然后将 exampleSite 文件夹移动到根目录。这样您就可以启动 Hugo 服务器，而无需进入 exampleSite 文件夹。使用以下命令设置您的项目。

npm run project-setup

👉 安装依赖项

使用以下命令安装所有依赖项。

npm install

👉 开发命令

使用以下命令启动开发服务器。

npm run dev

🎬 仍然困惑？观看快速视频

https://github.com/zeon-studio/hugoplate/assets/58769763/c260c0ae-91be-42ce-b8db-aa7f11f777bd

📝 自定义

此模板在设计时考虑了很多自定义选项。您可以自定义几乎任何您想要的东西，包括

👉 站点配置

您可以从 hugo.toml 文件中更改站点标题、基本 URL、语言、主题、插件等。

👉 站点参数

您可以从 config/_default/params.toml 文件自定义所有参数。这包括徽标、收藏夹图标、搜索、SEO 元数据等。

👉 颜色和字体

您可以从 data/theme.json 文件更改颜色和字体。这包括主颜色、辅助颜色、字体系列和字体大小。

🛠 高级用法

我们添加了一些自定义脚本，让您的生活更轻松。您可以使用这些脚本来帮助您进行开发。

👉 更新主题

如果您想更新主题，可以使用以下命令。它会将主题更新到最新版本。

npm run update-theme

注意： 此命令将在运行 project-setup 脚本后生效。

👉 更新模块

我们在此模板中添加了许多模块。您可以使用以下命令更新所有模块。

npm run update-modules

👉 移除暗黑模式

如果您想从项目中移除暗黑模式，可以使用以下命令从项目中移除暗黑模式。

npm run remove-darkmode

注意： 此命令将在运行 project-setup 脚本之前生效。如果您已经运行了 project-setup 命令，则必须先运行 npm run theme-setup，然后才能运行此命令。之后，您可以再次运行 npm run project-setup。

🚀 构建和部署

完成开发后，您几乎可以在任何地方构建或部署您的项目。让我们看看这个过程

👉 构建命令

要在本地构建您的项目，可以使用以下命令。它将清除所有未使用的 CSS 并最小化所有文件。

npm run build

👉 部署网站

我们为此模板提供了 5 种不同的部署平台配置，因此您可以轻松部署。

Netlify
Vercel
Github Actions
Gitlab Ci
AWS Amplify

如果您想在其他托管平台上托管，则可以构建您的项目，您将获得一个 public 文件夹。您可以将其复制并粘贴到您的托管平台上。

注意： 您必须在 hugo.toml 文件中更改 baseURL。否则，您的网站将无法正常工作。

🔒 保持合规性指南

🐞 报告问题

我们使用 GitHub Issues 作为此模板的官方错误跟踪器。请搜索现有问题。可能已经有人报告了相同的问题。如果您的问��或想法尚未解决，请随时打开一个新问题。

📝 许可证

代码许可证： 在 MIT 许可证下发布。

图像许可证： 这些图像仅用于演示目的。它们有自己的许可证，我们无权共享这些图像。

🖼️ 展示

一些人使用 Hugoplate 构建的项目列表！


开放神经形态	人工智能模型	Hugobricks	ONO LLC

💻 需要定制？

如果您需要定制主题、主题定制或从头开始的完整网站开发服务，您可以雇用我们。