Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。参考了文档以及一个UP主的视频,花了一个晚上的时间弄了一个人博客,最直观的感觉就是非常快速方便。博客地址
下面来做一下总结和流程回顾,首先需要安装Git和Hugo,可以参考视频和文档,都挺详细的。如何验证是否安装成功,运行以下命令出现版本号就说明安装成功了。
hugo version
git version
安装好后就可以开始搭建自己的个人博客啦,此文主要记录一些常用操作。Hugo中文网站 、参考视频。
1.创建一个Hugo站点
进入你想要保存文件夹的路径,然后进入CMD,输入以下代码
hugo new site y1_blog #最后为文件夹名字
之后在路径下就会创建一个名为y1_blog的文件夹
2.选取一款皮肤主题
之后进入y1_blog文件夹,选取一款主题安装。皮肤主题网站Hugo上有挺多主题提供选择,我选择的主题是Paper,进入到y1_blog后,运行
git submodule add https://github.com/nanxiaobei/hugo-paper themes/paper
然后在y1_blog\themes下就会多了个paper文件夹,说明已经下载好了,然后在y1_blog目录下修改
config.toml文件的theme为paper
theme = "paper"
同时还可以设置其他一些信息
title = '歪衣的学习笔记' #博客标题名
github = 'whyy1' #github用户名
avatar = 'https://cdn.whyy1.top/avatar.svg' #设置头像照片链接,格式为svg
name = '歪衣' #设置博客用户名字
bio = '学习是稳赚不赔的投资' #设置个性签名
3.启动Hugo服务器
设置好之后,在y1_blog根目录下运行以下命令,就能启动Hugo服务器了。
hugo server -D
如图最后所示,网址输入http://localhost:1313/ 就能访问了。
4.添加一篇文章
刚新建时因为没有文章,所以头像名字啥的有可能显示不出来,因此我们需要新建一篇文章,使用到的命令如下,在y1_blog\content\post\目录下就会新建一个essay.md文件,这是用Markdown格式写的一篇文章。Markdown教程
hugo new post/essay.md
添加好之后再次运行
hugo server -D启动Hugo服务器,就可以看到刚才写的文章啦。
5.将博客部署到GitHub上
首先在GitHub上新建一个repository
新建好后复制repository的地址,例如whyy1.github.io/ ,然后之后进行一系列上传Git的操作,直接上代码块,有注释,也可以参考视频13:40~20:00的内容。
#在y1_blog/目录下CMD运行
#theme为主题,baseUrl为刚才新建的仓库地址 --buildDrafts为y1_blog/public/目录下生成静态文件
hugo --theme=paper --baseUrl="https://whyy1.github.io/" --buildDrafts
#也可以使用这个命令 hugo -D
cd public/ #进入生成的静态文件文件夹,将这个文件夹上传至GitHub的仓库
git init #初始化git仓库
git add . #将y1_blog/public/目录下的文件夹全部上传
git commit -m "hugo博客部署" #提交修改,备注为hugo博客部署
git remote add origin https://github.com/whyy1/whyy1.github.io.git #将public文件夹本地关联至GitHub仓库上
git push -u origin master #推送修改至master分支
#如果Git在本地没有配置好接下来需要输入GitHub的用户名还有密码
#这时候在GitHub上的仓库上查看是否推送成功
这样就部署成功啦,使用GitHub仓库地址来访问博客。
6.之后添加新文章
采用上面第四步,hugo new post/xxx.md添加一篇新文章,编辑好内容后,使用以下命令重新构建静态页面,然后再次提交y1_blog/public/的内容。可以将以下命令写成bat文件,修改好之后在根目录y1_blog下直接运行就好了。
hugo --theme=paper --baseUrl="https://whyy1.github.io/" --buildDrafts
cd public/
git add .
git commit -m "Change blog content"
git push -u origin master