Windows下搭建Hugo博客

2021-06-04 08:05

阅读:798

标签:mes   www   dir   整理   账号   src   host   设置   alt   

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

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

技术图片

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

技术图片

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

技术图片

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

技术图片

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

 技术图片

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

技术图片

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

技术图片

7:主题下载成功如图

技术图片

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

技术图片

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

技术图片

10:如图所示,出来了

技术图片

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

技术图片

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

技术图片

 

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

技术图片

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

技术图片

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

技术图片

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

技术图片

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

技术图片

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

技术图片

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

技术图片

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

技术图片

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

技术图片

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

技术图片

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

技术图片

 

Windows下搭建Hugo博客

标签:mes   www   dir   整理   账号   src   host   设置   alt   

原文地址:https://www.cnblogs.com/Codemandyk/p/10855891.html


评论


亲,登录后才可以留言!