使用Hugo搭建个人博客详细教程

使用hugo搭建个人博客

Hugo安装

下载

安装地址:https://github.com/gohugoio/hugo/releases

image-20220330132232090

建议安装extended版本 有些主题需要在该版本下运行

创建目录

自定义创建目录

我这里在D盘创建

image-20220330132404024

将解压后的hugo.exe文件放到bin目录下

image-20220330162530074

修改环境变量

使我们可以在cmd下运行hugo进行相关操作; 找到系统变量的Path,新建将hugo.exe所在的路径添加进去; 测试,打开cmd,输入hugo version,查看hugo是否添加成功。

搭建博客

cd到D盘

hugo new site 文件夹名称      # 我的是myBlog

随后D盘会多出一个myBlog文件夹,查看创建成功

创建文章

hugo new post/blog.md      # **在创建的站点路径下执行**,即我的是在myBlog路径下执行

启动博客

cd 到项目根目录

hugo server --buildDrafts

下载主题

网址:https://themes.gohugo.io/

选择想要的主题下载或git clone到themes文件夹下

使用主题启动

cd 到项目根目录

hugo server -t meme --buildDrafts

  • meme主题名

注意:主题名要和themes文件夹中的文件夹名相同

image-20220330163135234

启动成功

部署到github

在github新建一个仓库

注意:命名必须为【github的用户名】.github.io

cd到根目录

hugo --theme=meme --baseUrl="https://jiong952.github.io" --buildDrafts

初始化出public目录

git init
git remote add origin https://github.com/jiong952/jiong952.github.io
git add -A
git commit -m "第一次提交"
git remote set-url origin git@github.com:jiong952/jiong952.github.io.git
git pull --rebase origin master
git push -u origin master
updatedupdated2022-04-062022-04-06