Hugoplate 是一个使用 Hugo 和 TailwindCSS 构建的免费入门模板,提供快速启动 Hugo 项目并节省宝贵时间所需的一切。
由 Zeon Studio 使用 ♥ 制作
如果您觉得这个项目有用,请给它一个以表示您的支持。
我们已经包含了启动 Hugo 项目所需的几乎所有内容。让我们看看这个模板包含哪些内容:
多作者
类似帖子建议
搜索功能
深色模式
标签和类别
预先配置的 Netlify 设置
支持联系表
完全响应
在 Markdown 中编写和更新内容
评论
语法高亮
主页
关于
接触
作者
作者单曲
博客
博客单曲
定制404
元素
隐私政策
标签
标签单曲
类别
类别 单人
搜索
雨果
顺风CSS
后CSS
清除CSS
自动前缀器
Gethugothemes 的 Hugo 模块
降价
更漂亮
杰辛特
网络化
韦尔塞尔
Github 操作
亚特实验室CI
AWS 放大
首先,您需要克隆或下载模板存储库,然后让我们开始以下过程:
要开始使用此模板,您需要在计算机上安装一些先决条件。
Hugo 扩展版 v0.124+
节点 v20+
去 v1.22+
我们构建这个自定义脚本是为了让您的项目设置更容易。它将创建一个新的 Hugo 主题文件夹,并将 Hugoplate 主题克隆到其中。然后将 exampleSite 文件夹移动到根目录中。这样您就可以启动 Hugo 服务器而无需进入 exampleSite 文件夹。使用以下命令来设置您的项目。
npm run 项目设置
使用以下命令安装所有依赖项。
npm 安装
使用以下命令启动开发服务器。
npm 运行开发
该模板的设计考虑了许多自定义选项。您几乎可以自定义任何您想要的内容,包括:
您可以从hugo.toml
文件中更改站点标题、基本URL、语言、主题、插件等。
您可以自定义config/_default/params.toml
文件中的所有参数。这包括徽标、网站图标、搜索、SEO 元数据等。
您可以从data/theme.json
文件更改颜色和字体。这包括主要颜色、次要颜色、字体系列和字体大小。
您可以从data/social.json
文件更改社交链接。在此处添加您的社交链接,它们将自动显示在网站上。
我们添加了一些自定义脚本,让您的生活更轻松。您可以使用这些脚本来帮助您进行开发。
如果你想更新主题,那么你可以使用以下命令。它将把主题更新到最新版本。
npm 运行更新主题
注意:此命令将在运行
project-setup
脚本后生效。
我们在这个模板中添加了很多模块。您可以使用以下命令更新所有模块。
npm 运行更新模块
如果您想从项目中删除暗模式,可以使用以下命令从项目中删除暗模式。
npm run 删除暗模式
注意:此命令将在运行
project-setup
脚本之前起作用。如果您已经运行了project-setup
命令,则必须先运行npm run theme-setup
,然后才能运行此命令。之后,您可以再次运行npm run project-setup
。
完成开发后,您几乎可以在任何地方构建或部署您的项目。我们看一下过程:
要在本地构建项目,您可以使用以下命令。它将清除所有未使用的 CSS 并缩小所有文件。
npm 运行构建
我们使用此模板提供了 5 种不同的部署平台配置,以便您可以轻松部署。
网络化
韦尔塞尔
Github 操作
亚特实验室CI
AWS 放大
如果您想托管其他一些托管平台。然后你就可以构建你的项目,你将得到一个public
文件夹。您可以将其复制并粘贴到托管平台上。
注意:您必须更改
hugo.toml
文件中的baseURL
。否则,您的网站将无法正常运行。
我们使用 GitHub Issues 作为此模板的官方错误跟踪器。请搜索现有问题。可能有人已经报告了同样的问题。如果您的问题或想法尚未得到解决,请随时提出新问题。
版权所有 (c) 2023 - 目前,由 Zeon Studio 设计和开发
代码许可证:根据 MIT 许可证发布。
图片许可:图片仅用于演示目的。他们有他们的许可证,我们无权分享这些图像。
人们正在使用Hugoplate构建的一些项目列表!
开放神经形态 | 人工智能模型 | 雨果布里克斯 | 小野有限责任公司 |
如果您需要自定义主题、主题定制或从头开始的完整网站开发服务,您可以雇用我们。