hugo搭建网站

发布日期： 2025-12-19 阅读量： 作者： admin

昨天折腾一天总算把网站搭起来了，今天就唠唠怎么用Hugo搞定的。你们要是也想整个静态博客，可以参考我这满脑门子包撞出来的经验。

先把家伙事备齐

第一步当然是去官网拖安装包。我那破Win10电脑直接选了个Windows版的压缩包，解压完把.exe文件甩到随便哪个文件夹里。这步记得把路径塞进系统环境变量，要不后面开黑窗口敲命令它能跟你装死。

接着开个命令提示符窗口试了试水温：
hugo version

屏幕上蹦出版本号就算装上了，我当时还嘚瑟地嘬了口奶茶。

直接敲命令生成项目骨架：
hugo new site my_blog

瞬间多出来个文件夹，里头哗建好了目录结构。进到content文件夹的时候懵了下——这tm比我家冰箱还空。

默认页面丑得没法看，赶紧去主题库扒拉皮肤。相中个简洁风的主题，把整个主题文件夹克隆到themes目录里。重点来了：
把主题里的exampleSite文件夹内容全复制到项目根目录！

我一开始没复制，config配置文件都是空的，启动时候直接给我报红字，气得捶键盘。

用记事本打开根目录的*文件，找到theme那行改成：
theme = “你下的主题名”

这步忘改的话，页面加载出来就是光秃秃的html骨架，跟被扒了衣服似的。

敲命令新建文章：
hugo new posts/first_*

在content/posts里找到生成的md文件。用VS Code打开直接敲字，写完顺手在开头加个draft: false，要不发布时候它不给你显示。

黑窗口里跑：
hugo server -D

看到localhost:1313的地址赶紧贴浏览器里。刷新页面那瞬间跟开盲盒似的，等看到标题和段落规规矩矩排好版，奶茶都凉透了也没顾上喝。

运行hugo命令直接生成public文件夹，里头全是打包好的静态文件。把这堆东西整个扔到托管平台就能访问了。顺手在config里改了个网站名，结果空格忘记加引号，生成时直接报错崩了——得写成title = “我的破站”才算完。

现在回头看挺简单，但昨天调主题CSS时候改错参数，页面头像突然倒着显示，吓得我差点把奶茶扣键盘上。这工具适合我这种不想碰数据库的懒人，写完文章往GitHub一推就完事儿，服务器钱都省了。