借力开源工具,利用Hexo和Github Actions构建你的个人博客!
2023-09-02 10:40:05
Hexo 是一个基于 Node.js 的静态博客框架,以其简单易用、功能强大而受到广大博客爱好者的喜爱。GitHub Actions 是 GitHub 提供的自动化工具,可以帮助我们实现许多自动化的任务,比如持续集成、持续交付、部署等。
首先,我们需要安装 Hexo 和 GitHub Actions。Hexo 的安装非常简单,只需使用 npm 命令即可:
npm install -g hexo
安装好 Hexo 之后,我们就可以开始创建我们的博客了。在命令行中输入以下命令:
hexo init blog
这样就创建了一个名为 blog 的博客项目。接下来,我们需要进入这个项目目录:
cd blog
在 blog 目录下,我们可以看到一个名为 _config.yml 的配置文件。这个配置文件包含了博客的各种配置信息,比如博客的标题、、主题等。我们可以根据自己的喜好修改这个配置文件。
修改好配置文件之后,我们就可以开始写博客文章了。在 blog 目录下,我们可以看到一个名为 source/_posts 的目录。在这个目录下,我们可以创建新的博客文章。每个博客文章都应该是一个 Markdown 文件,文件名为文章的标题,比如:
my-first-post.md
在 Markdown 文件中,我们可以使用 Markdown 语法来写文章。Markdown 是一种轻量级的标记语言,非常适合写博客文章。
写好博客文章之后,我们需要运行 Hexo 命令来生成静态页面。在命令行中输入以下命令:
hexo generate
这样就会生成静态页面,并将这些页面保存到 public 目录下。
现在,我们需要将这些静态页面部署到 GitHub Pages。首先,我们需要创建一个 GitHub 仓库,并将 blog 目录下的所有文件 push 到这个仓库。
push 好文件之后,我们需要在 GitHub 仓库的 Settings 页面中找到 GitHub Pages 选项。在这个页面中,我们可以选择将哪个分支部署到 GitHub Pages。我们选择 master 分支,然后点击 Save 按钮。
这样,我们的博客就部署到 GitHub Pages 上了。我们可以通过访问 GitHub 仓库的网址来访问我们的博客。
为了实现 push 到仓库后的自动部署,我们需要使用 GitHub Actions。在 GitHub 仓库的 Actions 页面中,我们可以创建一个新的 workflow。在 workflow 中,我们可以配置各种任务,比如在 push 到仓库后自动运行 Hexo generate 命令。
这样,当我们 push 到仓库后,GitHub Actions 会自动运行 Hexo generate 命令,生成静态页面,并将这些页面部署到 GitHub Pages。这样我们就实现了一个 push 到仓库后自动部署的博客。
Hexo 和 GitHub Actions 是两个非常强大的工具,我们可以利用它们轻松搭建自己的个人博客,并实现 push 到仓库后的自动部署。希望这篇文章对您有所帮助。