🚀 为什么选择Hugo?
Hugo是一个快速、现代的静态网站生成器,非常适合创建博客、文档网站和个人网站。
为什么选择Hugo? Hugo很简单、漂亮、快速,能够实现毫秒级构建速度。整体风格也很适合程序猿。
📖 Hugo快速上手指南
1. 安装Hugo
重点参考:点击查看 Hugo 教程
# Windows (使用Chocolatey)
choco install hugo-extended
# macOS (使用Homebrew)
brew install hugo
# 验证安装
hugo version
2. 创建新站点
# 创建新站点
hugo new site my-blog # my-blog为网站的名字,可以自己设置
cd my-blog
# 初始化Git仓库
git init
3. 安装主题
# 添加PaperMod主题作为子模块
git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod
4. 配置网站
在hugo.toml
中添加基本配置:
baseURL = 'https://yourdomain.com/'
title = '我的博客'
theme = 'PaperMod'
[params]
env = 'production'
title = '我的博客'
description = '分享技术与生活'
ShowReadingTime = true
ShowShareButtons = true
ShowPostNavLinks = true
5. 创建第一篇文章
# 创建新文章
hugo new posts/my-first-post.md
6. 本地预览
# 启动开发服务器
hugo server -D
# 访问 http://localhost:1313
7. 构建部署
# 构建静态文件
hugo
# public目录包含所有静态文件
# 可直接部署到任何静态托管服务
💡 实用技巧
文章Front Matter模板
+++
title = '文章标题'
date = '2025-01-20T10:00:00+08:00'
draft = false
description = '文章描述'
tags = ['标签1', '标签2']
categories = ['分类']
cover:
image = 'images/cover.jpg'
alt = '封面图描述'
+++
常用命令
# 创建文章
hugo new posts/article-name.md
# 本地预览(包含草稿)
hugo server -D
# 构建生产版本
hugo --minify
# 清理缓存
hugo mod clean
# 每一次新修改完文章,想上传到github pages
站点目录下编译,更新pubilc目录:hugo
cd public
# 1. 初始化 Git 仓库
git init
# 2. 添加远程仓库(注意空格)
git remote add origin https://github.com/crx16888/crx16888.github.io
# 3. 添加所有文件到暂存区
git add .
# 4. 提交更改
git commit -m "[test]"
# 5. 推送到 main 分支(首次推送,并建立跟踪关系)
git push -u origin main
---
## 🎯 下一步计划
- [ ] 自定义主题样式
- [ ] 添加评论系统
- [ ] 集成Google Analytics
- [ ] 优化SEO设置
- [ ] 添加搜索功能
- [ ] 添加github action
此外,在未来我计划更新自己的系列课程:
- [ ] 课程1:vibecoding的使用方法(cursor rules、提示词工程、调试技巧、全栈复杂工程涉及前后端、算法、设计、仿真等的构架技巧等)
- [ ] 课程2:AI LLM理论与实战(pre train、sft、rlhf完整训练大模型流程、提示词工程(以RAG为代表)、常用大模型算法理论知识)
- [ ] 课程3:大模型编程架构实用且有意思的项目:如DRL训练超级马里奥、联系人信息管理助手等
- [ ] 课程4:对于一些常用的实战软件的教学、体会与思考
---
> **总结**:Hugo以其极速的构建性能、简洁的使用体验和强大的扩展能力,成为了现代静态网站的理想选择。无论是个人博客还是企业官网,Hugo都能提供优秀的解决方案。
*开始你的Hugo之旅吧!* ✨