Hugo

Hugo

一个使用 Go 语言开发的开源静态网站生成器,速度快,灵活性高。它通过模板系统和快速的资产处理管道,能够在数秒内渲染出完整的网站。

#Ai工具箱 #Ai编程建站
收藏

Hugo简介

Hugo是什么?

Hugo 是一个使用 Go 语言开发的静态网站生成器,速度快,灵活性高。它通过模板系统和快速的资产处理管道,能够在数秒内渲染出完整的网站。Hugo 可以生成各种类型的网站,比如企业、政府、非营利组织、教育、新闻、活动和项目网站,文档网站,图像作品集,着陆页,商业、专业和个人博客,简历等。

Hugo:一个用Go语言编写的开源静态网站生成器.webp

Hugo主要功能

快速资产处理管道

  • 图像处理:可以进行转换、调整大小、裁剪、旋转、调整颜色、应用滤镜、叠加文本和图像以及提取 EXIF 数据等操作。

  • JavaScript 捆绑:将 TypeScript 和 JSX 转译为 JavaScript,进行捆绑、摇树优化、压缩、创建源映射和执行 SRI 哈希。

  • Sass 处理:将 Sass 转译为 CSS,进行捆绑、摇树优化、压缩、创建源映射、执行 SRI 哈希,并与 PostCSS 集成。

  • Tailwind CSS 处理:将 Tailwind CSS 实用类编译为标准 CSS,进行捆绑、摇树优化、优化、压缩、执行 SRI 哈希,并与 PostCSS 集成。

灵活的框架

  • Hugo 具有多语言支持和强大的分类系统,被广泛用于创建文档站点、登录页面、企业、政府、非营利组织、教育、新闻、活动和项目站点。

嵌入式 Web服务器

  • 在开发过程中使用 Hugo 的嵌入式 Web 服务器可以立即查看内容、结构、行为和呈现的变化。

Hugo 模块

  • 可以通过公共或私有 Git 仓库与其他项目共享内容、资产、数据、翻译、主题、模板和配置。

Hugo版本

Hugo 有三种版本:标准版、扩展版和扩展 / 部署版。扩展版和扩展 / 部署版提供了一些高级功能,如将图像编码为 WebP 格式、使用嵌入式 LibSass 将 Sass 转译为 CSS 等。扩展 / 部署版还支持直接将网站部署到 Google Cloud Storage 桶、AWS S3 桶或 Azure Storage 容器。

Hugo如何使用?

1. 创建新网站

打开终端,运行以下命令创建一个新的 Hugo 网站:

hugo new site mynewsite
cd mynewsite

2. 添加主题

你可以从Hugo 主题库选择一个主题,并将其添加到你的网站中。以hyde主题为例,使用 Hugo 模块系统导入主题:

# 初始化Hugo模块系统
hugo mod init github.com/<your_user>/<your_project>
# 在hugo配置文件中导入主题
# 编辑hugo.toml或hugo.yaml文件,添加以下内容
[module]
[[module.imports]]
path = "github.com/spf13/hyde"

3. 创建内容

使用以下命令创建新的文章:

hugo new posts/my-first-post.md

然后编辑生成的 Markdown 文件content/posts/my-first-post.md,添加文章内容。

4. 开发和预览

在开发过程中,你可以使用 Hugo 的嵌入式 Web 服务器实时查看内容、结构、行为和展示的更改。运行以下命令启动服务器:

hugo server -D

-D选项表示包含草稿文章。打开浏览器,访问http://localhost:1313,即可看到你的网站。

Github:https://github.com/gohugoio/hugo

到头啦!

与Hugo相关工具