★内容参考B站Up主CodeSheep,视频地址:https://www.bilibili.com/video/av51574688
我整理了Windows下的操作方法,如下:

1:在https://github.com/gohugoio/hugo/releases地址下找到Windows压缩文件下载,如下图你可以下载32或者64位的

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

Windows下搭建Hugo博客 随笔 第1张

2:如何看hugo安装成没成功,打开cmd,输入hugo version,如图所示,则代表安装成功

Windows下搭建Hugo博客 随笔 第2张

3:安装成功后,用Hugo还创建自己的博客,命令如下图所示:hugo new site myblog  注:myblog为文件夹名字名字

Windows下搭建Hugo博客 随笔 第3张

3:输入dir,能看到文件夹已经创建好了,如图

Windows下搭建Hugo博客 随笔 第4张

 4:我们进入到myblog里面,可以看到如下内容

 Windows下搭建Hugo博客 随笔 第5张

5:下载设置主题,去https://themes.gohugo.io/选择自己喜欢的主题进行下载,如图

Windows下搭建Hugo博客 随笔 第6张

6:这里我选择m10c,以他为例子,具体操作如图显示。注:前提一定要下git并且配置好!

Windows下搭建Hugo博客 随笔 第7张

7:主题下载成功如图

Windows下搭建Hugo博客 随笔 第8张

8:去themes下,看看有没有,如图有啦

Windows下搭建Hugo博客 随笔 第9张

9:启动博客命令,输入 hugo server -t m10c --buildDrafts

Windows下搭建Hugo博客 随笔 第10张

10:如图所示,出来了

Windows下搭建Hugo博客 随笔 第11张

11:接下来就是创建文章,我们继续在根目录下创建,如图

Windows下搭建Hugo博客 随笔 第12张

12:那怎么写呢,推荐用VS Code来写,写完后记得保存!如图

Windows下搭建Hugo博客 随笔 第13张

 

13:然后再根目录下输入指令 hugo server -t m10c --buildDrafts,如图

Windows下搭建Hugo博客 随笔 第14张

 14:再打开http://localhost:1313,如图

Windows下搭建Hugo博客 随笔 第15张

15:把博客部署的远端github上,首先创建仓库,如图

Windows下搭建Hugo博客 随笔 第16张

16:仓库已经有了,但是个空仓库,接下来敲命令hugo --theme=m10c --baseUrl="地址" --buildDrafts,如图

Windows下搭建Hugo博客 随笔 第17张

17:成功后会在根目录下生成一个public文件,如图

Windows下搭建Hugo博客 随笔 第18张

 18:把这个public传到github仓库上,首先进入到public,如图所示,已经把文件加到了仓库里面

Windows下搭建Hugo博客 随笔 第19张

17:要把本地public和远程github进行关联

Windows下搭建Hugo博客 随笔 第20张

18:然后还有个push命令,git push -u origin master,期间会让你输入账号密码,输入即可,如图完成

Windows下搭建Hugo博客 随笔 第21张

19:我们刷新下github页面,就会看到文件已经传上来了,如图

Windows下搭建Hugo博客 随笔 第22张

20:最后,我们拿仓库地址访问下,成功,博客已经部署到远端!如图。

Windows下搭建Hugo博客 随笔 第23张

21:里面的内容也是可以访问的,如图

Windows下搭建Hugo博客 随笔 第24张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄