Hugo一晚上弄出来的个人博客

447 阅读3分钟

Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。参考了文档以及一个UP主的视频,花了一个晚上的时间弄了一个人博客,最直观的感觉就是非常快速方便。博客地址
下面来做一下总结和流程回顾,首先需要安装Git和Hugo,可以参考视频和文档,都挺详细的。如何验证是否安装成功,运行以下命令出现版本号就说明安装成功了。

hugo version
git version

安装好后就可以开始搭建自己的个人博客啦,此文主要记录一些常用操作。Hugo中文网站参考视频

1.创建一个Hugo站点

进入你想要保存文件夹的路径,然后进入CMD,输入以下代码

hugo new site y1_blog #最后为文件夹名字

之后在路径下就会创建一个名为y1_blog的文件夹

image.png

2.选取一款皮肤主题

之后进入y1_blog文件夹,选取一款主题安装。皮肤主题网站Hugo上有挺多主题提供选择,我选择的主题是Paper,进入到y1_blog后,运行

git submodule add https://github.com/nanxiaobei/hugo-paper themes/paper

image.png 然后在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

image.png 如图最后所示,网址输入http://localhost:1313/ 就能访问了。 image.png

4.添加一篇文章

刚新建时因为没有文章,所以头像名字啥的有可能显示不出来,因此我们需要新建一篇文章,使用到的命令如下,在y1_blog\content\post\目录下就会新建一个essay.md文件,这是用Markdown格式写的一篇文章。Markdown教程

hugo new post/essay.md

image.png 添加好之后再次运行hugo server -D启动Hugo服务器,就可以看到刚才写的文章啦。image.png

5.将博客部署到GitHub上

首先在GitHub上新建一个repository

image.png 新建好后复制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上的仓库上查看是否推送成功

image.png 这样就部署成功啦,使用GitHub仓库地址来访问博客。 image.png

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