作者:虑得先生
我见过太多人想建个自己的网站,先被"需要学 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 命令。步骤如下:
- 按
Win + R,输入sysdm.cpl,回车 - 点 “高级” 选项卡 → “环境变量”
- 在"系统变量"里找到 Path,点编辑
- 点 “新建”,输入你解压 Hugo 的路径,比如
D:\hugo - 一路确定保存
配置好后,重新打开 cmd,输入 hugo version,显示版本号就说明装好了。
第三步:新建你的第一个网站
在 cmd 里,先进入你的 hugo 目录:
cd D:\hugo
hugo new site blog
这里的 blog 是网站名字,要用英文。执行完后,你会在 D:\hugo 下看到一个 blog 文件夹——这就是你的网站根目录。
第四步:选一个主题
Hugo 本身是个空壳,需要主题来美化。主题都挂在 https://themes.gohugo.io 上。
挑一个顺眼的,下载下来。下载后:
- 把主题文件夹整体放到
blog/themes/下 - 如果文件夹名带
-master后缀,记得删掉 - 主题文件夹里一般有个
exampleSite子目录,里面有content、static、config.toml - 把这三个复制到你
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 )