诞生!Hugo + Stack 快速搭建自己的博客(1)

之前在建站这事情上完全没做过研究。最近使用 Atlas 浏览器,在看一个技术博客时,突发奇想问了 ChatGPT 一嘴,如何搭建一个类似风格的个人博客?ChatGPT 给出一个看起来快捷且简单的方案 Hugo+Stack。想到还有一台 VPS 闲置着,于是决定动手实践一把。这里记录下搭建步骤,作为第一篇博客。

以下是我在自己的 MacBook pro 上搭建的步骤,如果你是其他系统环境,可以搜索一下其他文章。

安装环境

在 terminal 使用以下命令:

1
brew install hugo

验证安装:

1
hugo version

创建新网站

建立创建一个叫 myblog 的新网站,你应该在你的工作目录中执行以下命令:

1
hugo new site myblog

执行成功后,你的工作目录中就会生成一个 myblog 目录,然后进入该目录:

1
cd myblog

安装 Stack 主题

Stack 是个很流行的主题,GitHub 在 👉 https://github.com/CaiJimmy/hugo-theme-stack

先初始化git:

1
git init

然后下载 Stack 主题:

1
git submodule add https://github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack

在配置文件 hugo.toml 中增加主题:

1
echo "theme = 'hugo-theme-stack'" >> hugo.toml

创建第一篇文章

1
hugo new post/my-first-post/index.md

启动开发服务

1
hugo server -D

启动成功后,你会看到 Web Server is available at http://localhost:1313/ (bind address 127.0.0.1) 这样的提示,然后用浏览器访问 http://localhost:1313/ 就能看到你的博客了。