“十分钟”创建个人网站(Hugo + Gitee)

(为了获得更好的阅读体验,可以前往原文进行查看。)

首先要注意的是,“十分钟”是因人而已,受环境影响的。不过这无关紧要,本篇文章的主要目的是讲述建立一个静态的个人网站是一件多容易、多好玩的事情。如果你感兴趣的话,相信多少个“十分钟”也不会影响你的热情。重要提示,若你对下面的内容有不理解的,无关紧要,跳过它。你只需要知道最后的结果是不是你想要的,过程不是目的,我也不会详述。

首先介绍一下接下来演示的环境背景和需要用到的东西:Manjaro 系统、Hugo(静态网站生成器)、hugo-ivy(一个Hugo的主题模板)、Gitee(国内免费的代码托管平台)。

我简单解释一下上面的选择。使用Windows 系统当然也可以,但是使用效果较差(强推一波 Linux)。然后就是静态网站生成器:Hugo 还是 Hexo?(其他也可,但是本文不会介绍)这个选择因人而已,得看自己真正想要什么。我先介绍一下它俩(搬运官网介绍):Hugo,雨果以其惊人的速度和灵活性,使网站建设再次变得有趣;Hexo,快速,简单而强大的博客框架。我的个人感觉是 Hugo 非常快、轻便、灵活。Hexo 更容易集成很多的功能,但是也会因此而臃肿,初学者难以让人理解其内部原理。关于主题,如果你刚刚选择了 Hugo,我推荐 hugo-ivy(也是我在用的),它推崇简洁之美,而且很容易让人理解相关原理;如果你刚刚选择了 Hexo,我推荐你使用 Volantis,它功能非常丰富,最重要的是它有一个活跃的社区,甚至还有官方 QQ 群(相对来说,你更容易获取帮助)。最后就是代码托管平台的选择了,我觉得如果没有 Github 情怀或者有高级一点的需求(绑定域名等等,Gitee以前收费版有提供),使用 Gitee 就好了,国内访问速度较快,而且支持国产嘛(虽然也是白嫖)。

接下来是演示操作:

首先下载安装 Hugo(Manjaro 使用包管理器 yay 一行命令下载安装)

img

使用 Hugo 生成你的网站

img

进入生成的网站(文件夹),并下载 hugo-ivy 主题到 themes 文件夹

img

简单修改一下网站的配置

img
img

写出第一篇文章

img
img

启动服务,本地预览

img
img
img

创建Gitee帐号、新建仓库(仓库名为你创建的用户名,是否开源选择公开,然后确定创建)

img

执行 hugo 命令生成静态网页文件

img

进入静态网页文件夹(public),下载你刚刚创建的空仓库,把刚刚生成的网页文件加入进去,然后提交保存到 Gitee 仓库

img
img

回到 Gitee 仓库,选择服务中的 Gitee Pages ,然后开启服务,更新或部署。

img
img

最后就可以通过上一步给的域名访问你的网站啦!

img

当然,你的网站需要更多的内容,而且你也许还会加上自己的设计。

如果你感兴趣的话,在网上可以查询到更详细的教程。有需要的话,你可以联系我,我会提供一定的建议和帮助。

演示视频请看这里

Guess you like

Origin blog.csdn.net/weixin_43477339/article/details/112211673