搭建hugo静态页面
Sep 8, 2024
Hugo系列第一篇,介绍如何在本地搭建blog
1.安装hugo
macOS安装
brew install hugo
2.新建blog
1) 使用hugo新建site
hugo new site blog
2) 本地启动
cd blog
hugo serve
启动后再浏览器输入 http://localhost:1313即可打开页面,此时页面显示"Page Not Found"
3.配置网站模板
1)选择主题
打开网站https://themes.gohugo.io/,选择一个主题,使用git命令拉取,也可以直接下载
git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c
2)配置主题
进入themes/m10c目录,可以看到exampleSite,该目录是该主题的一个示例,将示例文件拷贝到网站根目录
cp -r themes/m10c/exampleSite/** .
由于旧版本的hugo配置文件为config.toml,因此将拷贝出来的配置文件修改为新的名称hugo.toml
mv config.toml hugo.toml
打开Hugo.toml将 themesDir = “../..” 注释掉,或者修改为themesDir = “themes”,代表主题所在路径
3)启动
hugo serve
浏览器打开 http://localhost:1313,可以看到如下页面,表示搭建成功。