使用HUGO搭建个人BLOG

470 阅读3分钟

下载hugo

首先去HUGO官网下载HUGO文件,然后将HUGO文件添加到PATH里面。
这里面有个小问题

在Software中hugo存在的形式是hugo.exe,直接添加到PATH中是不行的,添加到PATH中的文件必须是目录,hugo.exe必须放在hugo目录中(新建个名称为hugo文件将hugo.exe放入其中)。。 否者BASH中找不到HUGO,hugo路径和前面的文件用;隔开。

失败结果

成功结果
这样就下载好了hugo,可以在BASH中使用。

下一步

 hugo new site quickstart
 quickstart 换成你的文件,那么我的就是
 hugo new site nevermore91.github.io-creator 
 cd nevermore91.github.io-creator  进入你创建的文件
 git init
 git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke 下载一个ananke主题的文件

这个又有一个问题,因为下载的比较慢,所以中断又下载一次会出现一个BUG如下图:

这里显示出在config.toml中出现主题已被定义的情况:
删除第5行就OK!

下一步

echo 'theme = "ananke"' >> config.toml
hugo new posts/my-first-post.md
这里的my-first-post.md可以换成 开博大吉.md
hugo new posts/开博大吉.md

这时候会生成一个

开博大吉.md 这个文件就是你要展示内容的文件

hugo server -D

这是你会得到一个简陋的网站,并且只能在localhost中看,接下来就要把网站挂到互联网上 对了,还要下载一个漂亮的主题:

github.com/xianmin/hug…

如何将网页通过github挂在互联网上

*首先你要有个域名 namesilo或者阿里云上可以注册,namesilo比较便宜。

*要在github中建一个仓库,名字要和你的用户名一样,至于为什么,暂时我也不知道??

改天再研究下

然后将域名配置在如图所示的地方:

仓库中会生成一个CNAME的文件,里面记录你的域名

这时候GitHub Pages中的默认地址会改为你购买的域名,芳芳老师让不要用HTTPS,暂时不知道为什么。 在配置的时候也出现了一个小问题:就是把namesilo中的默认的DNS删掉换成:

结果:

这时候域名配置是成功的,可问题是打不开网页,原来namesilo提供的默认网页都打不开,后来在仓库中删除CNAME文件,恢复成Github Pages默认的网址显示的404 not found index.html文件,在仓库中找不到index文件。可能是git上传文件那部错掉了,后来按照芳芳老师的视频重来一次成功了!

注意:

1 域名生效时间不会超过48小时

2 好像在DNS中配不配置CNAME都一样。

3 这里还有几个git的问题,等有空再写一下。

4 MD文件中的draft值应该改为false,否者不展示。

总结: 就相当于你写一个文章,首先上传到github上的仓库中,通过你购买的域名和你的仓库绑定,这样就可以直接通过你购买的域名访问(其实也可以直接挂在github pages上),不过这样似乎更炫酷! 域名: zhaoyiyi.monster/

效果: