返回

一键式教程:使用 Hexo 和 GitHub 搭建个人网站

前端

轻松上手,利用 Hexo 和 GitHub 搭建您的网站:

随着互联网的普及,个人网站正变得越来越流行。如果您想创建一个自己的网站,但又担心技术难度太大,那么 Hexo 和 GitHub 就是您的最佳选择。Hexo 是一个流行的静态网站生成器,使用简单、功能强大,可以帮助您轻松创建和管理博客文章。GitHub 是一个代码托管平台,可以帮助您存储和管理您的网站代码。在本教程中,您将学习如何安装 Hexo、设置 GitHub 存储库、将 Hexo 与 GitHub 集成,并最终部署您的网站。

准备工作:

  1. 确保您的电脑已安装 Node.js 和 Git。
  2. 创建一个 GitHub 账户。

步骤 1:安装 Hexo

  1. 使用终端或命令提示符,输入以下命令安装 Hexo:
npm install hexo-cli -g
  1. 等待安装完成。

步骤 2:设置 GitHub 存储库

  1. 登录您的 GitHub 账户,并创建一个新的存储库。
  2. 将存储库命名为您的网站名称,例如 "my-website"。
  3. 选择 "Public" 访问权限。
  4. 单击 "Create repository" 按钮。

步骤 3:将 Hexo 与 GitHub 集成

  1. 在您的本地计算机上,打开您要创建的网站的目录。
  2. 初始化一个新的 Hexo 项目:
hexo init
  1. 在您的 Hexo 项目目录中,找到 _config.yml 文件。
  2. 打开 _config.yml 文件,并找到以下部分:
deploy:
  type: git
  repository: https://github.com/YOUR_USERNAME/YOUR_REPOSITORY_NAME.git
  1. YOUR_USERNAME 替换为您的 GitHub 用户名,将 YOUR_REPOSITORY_NAME 替换为您的 GitHub 存储库名称。

步骤 4:部署您的网站

  1. 在您的 Hexo 项目目录中,运行以下命令生成静态网站:
hexo generate
  1. 等待生成完成。

  2. 运行以下命令将您的网站部署到 GitHub:

hexo deploy
  1. 等待部署完成。

步骤 5:访问您的网站

  1. 打开您的浏览器,并输入您的网站地址。
  2. 您的网站现在应该已经可以访问了。

结论:

恭喜您,您已经成功地使用 Hexo 和 GitHub 搭建了自己的网站。现在,您可以开始创建和发布您的博客文章,并与世界分享您的想法和经验。