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