作者:虑得先生

我见过太多人想建个自己的网站,先被"需要学 HTML"劝退,再被"要买服务器"吓跑,最后不了了之。

其实现在有一种工具,能让你像写笔记一样建站——Hugo。

不用写代码,不用买数据库,不用管服务器维护。你只要会打字,它就会自动帮你生成一个完整的网站。

Hugo 能干什么?

  • 建一个个人网站,写文章、工作笔记、读书笔记
  • 建一个公司官网,展示服务和案例
  • 给孩子建一个作文本 / 学习记录站
  • 做成在线简历、作品集

说白了,它就是一个"把 Markdown 笔记变成网站“的免费工具。速度快、不花钱、不会被黑。代价是——你要花半小时学一下基本操作。

今天就手把手带你走一遍。


第一步:下载安装 Hugo

1. 去官网下

打开 https://gohugo.io ,点导航栏的 Docs,往下翻找到 Installation,点进去。

选 Windows,再往下翻找到 Prebuilt binaries,点那个蓝色的 latest release。

(这里会跳到一个 GitHub 页面,有点难进,多试几次。)

进到 GitHub 页面后,疯狂往下翻,找到 Assets 部分。等它加载完,找到:

hugo_extended_0.166.0_windows-amd64.zip

下载它。下载可能比较慢,要有耐心。

2. 解压到固定目录

下载下来是一个 zip 压缩包,解压到一个你记得住的位置。比如:

D:\hugo

别放 C 盘,后面方便管理。解压后你会看到一个 hugo.exe 文件——这就是 Hugo 本体。


第二步:学会几个 DOS 命令

别被这个名字吓到。DOS 就是 Windows 的命令行界面,简单得很。

打开命令行

按 Win + R,输入 cmd,回车。就打开了命令提示符。

必学的 5 个命令

命令 作用
cd 文件夹名 进入子目录
cd .. 返回上级目录
cd \ 回到根目录
dir 显示当前目录下所有文件
hugo version 验证 Hugo 是否安装成功

所有命令输完后按回车执行。就这么简单。

配置环境变量(重要)

不配置的话,命令行里找不到 hugo 命令。步骤如下:

  1. 按 Win + R,输入 sysdm.cpl,回车
  2. 点 “高级” 选项卡 → “环境变量”
  3. 在"系统变量"里找到 Path,点编辑
  4. 点 “新建”,输入你解压 Hugo 的路径,比如 D:\hugo
  5. 一路确定保存

配置好后,重新打开 cmd,输入 hugo version,显示版本号就说明装好了。


第三步:新建你的第一个网站

在 cmd 里,先进入你的 hugo 目录:

cd D:\hugo
hugo new site blog

这里的 blog 是网站名字,要用英文。执行完后,你会在 D:\hugo 下看到一个 blog 文件夹——这就是你的网站根目录。


第四步:选一个主题

Hugo 本身是个空壳,需要主题来美化。主题都挂在 https://themes.gohugo.io 上。

挑一个顺眼的,下载下来。下载后:

  1. 把主题文件夹整体放到 blog/themes/ 下
  2. 如果文件夹名带 -master 后缀,记得删掉
  3. 主题文件夹里一般有个 exampleSite 子目录,里面有 content、static、config.toml
  4. 把这三个复制到你 blog 根目录下(全部选替换)

config.toml 就是整个网站的配置主文件,后面要用到。


第五步:跑起来看看

在 cmd 里,进入你的网站目录:

cd D:\hugo\blog
hugo server

命令执行后会输出一大堆信息,里面找这样一行:

Web Server is available at http://localhost:1313/

把这个地址复制到浏览器,回车——你的第一个网站就跑起来了。

注意:这个 cmd 窗口不能关,也不能按 Ctrl+C。关了网站就停了。


写完文章怎么发出去?

hugo server 只是本地预览。要正式发布,需要构建:

hugo

执行后会在 public 文件夹生成所有静态文件。把这个文件夹传到你的服务器,就完事了。

这也是 Hugo 最大的优势——生成的全是静态文件,扔到哪都能跑,不用担心数据库、不用担心漏洞、不用担心服务器崩溃。


写在最后

半小时内,你就有了一个能跑的网站。剩下的事,就是往里填内容。

对会计人来说,Hugo 特别好用——你本来就在用 Markdown 写笔记、写方案、写给客户看的文档。现在只要加个主题,这些内容就成了你的个人网站。

最最重要的,不是工具多厉害,而是你写的是什么。

优质内容,才是网站的灵魂。


(本文由虑得先生原创,首发于 cfo580.cn )