斩获79.8k star,一款接私活神器,世界上最快的网站构建框架!

因公众号更改推送规则,请点“在看”并加“星标”第一时间获取精彩技术分享

点击关注#互联网架构师公众号,领取架构师全套资料 都在这里

0、2T架构师学习资料干货分

上一篇:2T架构师学习资料干货分享

清华出的DeepSeek使用手册,104页,真的是太厉害了!(免费领取)

完整的671B DeepSeek R1本地部署,详尽教程来了

大家好,我是互联网架构师!

最近在用Hugo搭建了几个网站,整理下使用心得,分享给大家。

图片

日常应用场景

Hugo在工作中用得最多的就是搭建各类文档站和博客:

  • 技术文档站点

  • 产品使用手册

  • 个人博客

  • 团队知识库

  • 公司官网

  • 活动落地页

图片

由于生成的是静态网站,部署简单且加载速度快,特别适合一些对性能要求高的场景。

目前Hugo已经累计达到了79.8k star!可见其受欢迎的程度。

图片

核心功能

1. 本地开发预览

写完内容后可以实时预览效果:

hugo server
2. 多语言支持

一份内容可以输出多个语言版本,方便做国际化:

content/  
├── _index.en.md      
├── _index.zh-cn.md  
└── posts/  
    ├── hello.en.md  
    └── hello.zh-cn.md
3. 内容管理

支持Markdown编写,可以设置草稿、发布时间等:

---  
title: 文章标题  
date: 2023-01-01  
draft: true   
---
4. 主题系统

有大量开源主题可以直接使用,官网发布的有300+主题可供选择使用:

图片

也可以自己开发:

theme = papermod
5. 资源处理
  • 图片压缩和处理

  • CSS/JS打包压缩

  • Sass编译

  • 支持CDN

安装使用

Windows安装
  1. 下载Hugo安装包

  2. 解压后添加到环境变量

  3. 验证安装:hugo version

Mac安装
brew install hugo
Linux安装
sudo apt install hugo
快速上手

1. 创建站点:

hugo new site myblog

2. 添加主题:

cd mybloggit submodule add https://github.com/theme.git themes/theme

3. 修改配置:

# config.tomltheme = theme

4. 创建文章:

hugo new posts/first.md

5. 本地预览:

hugo server -D

6. 生成网站:

hugo

示例:

图片

响应式示例:

图片

写在最后

用了几个月Hugo下来,感觉确实很适合搭建轻量级的内容网站。生成速度快、部署方便,而且有很多现成的主题可以用。

建议刚开始可以先用默认主题跑通整个流程,熟悉基本概念后再去折腾主题和定制化。

开源地址:

https://github.com/gohugoio/hugo

来源:GitHub开源项目优选

En

如喜欢本文,请点击右上角,把文章分享到朋友圈

1、2T架构师学习资料干货分享

2、10000+TB 资源,阿里云盘,牛逼!!

3、基本涵盖了Spring所有核心知识点总结

  · END ·

最后,关注公众号互联网架构师,在后台回复:2T,可以获取我整理的 Java 系列面试题和答案,非常齐全。

如果这篇文章对您有所帮助,或者有所启发的话,帮忙扫描上方二维码关注一下,您的支持是我坚持写作最大的动力。求一键三连点赞、转发、在看

图片
👇👇戳  “阅读原文” 直接下载资料

图片

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值