Featured image of post HUGO搭建博客

HUGO搭建博客

使用【Hugo】+【Stack】搭建博客

安装hugo

Hugo官网: The world’s fastest framework for building websites

20241010200056

下载下面这个即可:

20241010200234

将压缩包解压到 bin 目录下:

20241010200310

配置环境变量

配置环境变量,就可以在任意位置使用hugo命令了

20241010200355

任意位置打开cmd,输入hugo version验证一下

20241010200603

搭建博客

创建博客

在任意位置打开cmd,输入:hugo new site xxx

20241010200620

可以看到对应位置出现文件夹

20241010200638

cd进入对应的目录,然后使用命令启动hugo

1
2
3
4
5
hugo server --buildDrafts 
# 或者简写
hugo server -D 
# 或者
hugo server

20241010200802

在浏览器输入 http://localhost:1313,出现Page Not Found则表示成功,Page Not Found是因为还没配主题

20241010200925

配置主题

在hugo官网找一个喜欢的主题下载即可

20241010200936

选择主题的源码并下载

20241010200948

解压并放到themes目录下

20241010201002

打开exampleSite文件夹,将 Contenthugo.yaml 复制到主文件夹下

20241010201016

20241010201032

20241010201047

修改theme为themes文件夹下的主题名,以后需要换一个主题也是修改这里

20241010201058

重新启动hugo即可,相关配置修改**hugo.yaml**

stack官网:

Stack | Card-style Hugo theme designed for bloggers (jimmycai.com)

20241010201124

写博客

在指定位置打开cmd

20241010201135

创建index.md

1
hugo new content post/MyFirstBlog/index.md

其中/MyFirstBlog可以任意命名

/index.md 不能任意命名,否则图片等资源无法显示

20241010201147

最后,就可以愉快的在index.md中写博客了

Licensed under CC BY-NC-SA 4.0
最后更新于 2024-09-26
使用 Hugo 构建
主题 StackJimmy 设计