1.6 个人站点实例

1.6 个人站点实例 #

我的个人站点 https://sunwei.xyz 就是一个简单有趣的例子。 如果你去看他的 GitHub 仓库 https://github.com/sunwei/xyz,你会发现这里包含了两个版本的站点。

首先,他展示了在没有使用 Hugo 之前的版本,是纯 HTML 写法的。 你可以看到这个版本的代码在标签 V01 下。 虽然它工作得很好,但是当站点规模变大时,手写 HTML 的维护成本可能会上升。

然后,仓库中还包括了使用 Hugo 之后的写法,它更加结构化和易于管理。 这个版本的代码就是现在的主干代码。 Hugo 提供了更便捷的方式来组织内容,定义页面结构和主题,从而减轻了手动编写 HTML 的负担。

最后,仓库中还演示了如何使用 GitHub Actions 来实现站点的持续部署。 通过配置 GitHub Actions,每当仓库中的内容发生变化,GitHub Actions 就会自动构建并将站点部署到 GitHub Pages。 这样,站点就会保持最新状态,无需手动干预。

这个例子很好地展示了从传统的手写 HTML,过渡到使用 Hugo 管理站点,并通过 GitHub Actions 自动部署的整个过程。 这对于网站的开发和维护来说是一个很棒的学习资源。