Hugo + Github 搭建个人博客
📚

Hugo + Github 搭建个人博客

Tags
Hugo
Github
Published
July 19, 2023
Author
dishdog.chen
本文将介绍如何使用 Hugo 和 Github 搭建个人博客的详细步骤。

准备工作

在开始之前,您需要完成以下准备工作:
  • 安装 Git 工具
  • 创建一个 Github 账号
  • 安装 Hugo

创建 Github 仓库

在 Github 上创建一个新的仓库,用于存放您的博客内容。您可以使用自己的用户名作为仓库名称,也可以自定义一个名称。

安装 Hugo

Hugo 是一款使用 Go 语言编写的静态网站生成器,可以快速生成静态网站。您可以从 Hugo 官网 下载安装包安装 Hugo 工具。

创建 Hugo 网站

使用 Hugo 工具创建一个新的网站,执行以下命令:
hugo new site myblog
这条命令将会在当前目录下创建一个名为 myblog 的新网站。

选择主题

Hugo 提供了多种主题,您可以选择一个适合自己的主题,也可以自己编写一个主题。在本文中,我们选择一个现成的主题。
在 Hugo 官网的主题库中选择一个主题,然后将其克隆到本地:
git clone <https://github.com/><主题名称>
将主题文件夹复制到您的 Hugo 网站的 themes 目录下:
cp -r <主题名称> myblog/themes/

创建第一篇博客

现在,您可以创建您的第一篇博客了。执行以下命令:
hugo new posts/my-first-post.md
这条命令将在您的 Hugo 网站的 content/posts 目录下创建一个名为 my-first-post.md 的新文章。

生成网站

在完成了上述步骤后,您可以使用 Hugo 工具生成您的网站了。执行以下命令:
hugo -t <主题名称>
这条命令将会在您的 Hugo 网站的 public 目录下生成静态网站文件。

部署网站

现在,您可以将生成的静态网站文件推送到 Github 仓库中了。执行以下命令:
cd public git init git remote add origin <https://github.com/><用户名>/<仓库名称>.git git add . git commit -m "Initial commit" git push -u origin master

浏览网站

完成了上述步骤后,您的个人博客已经搭建完成了。现在,您可以在 Github Pages 上浏览您的博客了。

总结

本文介绍了使用 Hugo 和 Github 搭建个人博客的详细步骤。希望本文能够帮助您快速搭建自己的个人博客。