从零开始：Hexo+Github博客搭建实战教程

从零开始：Hexo+Github博客搭建实战教程

前言

在数字化时代，拥有一个属于自己的博客不仅是记录生活、分享知识的平台，更是个人品牌的重要载体。Hexo结合Github，为你提供了一个免费、高效、易用的博客搭建方案。本文将详细介绍如何使用Hexo和Github搭建个人博客。

一、准备工作

1.1 安装Git和Node.js

Git：

• 访问Git官网，下载并安装Git。
• 安装完成后，在命令行输入git --version验证安装是否成功。

Node.js：

• 访问Node.js官网，下载并安装Node.js。
• 安装完成后，在命令行输入node -v和npm -v验证安装是否成功。

1.2 注册Github账号

• 访问Github官网，点击右上角“Sign up”注册账号。
• 验证邮箱后，登录你的Github账号。

二、创建Github仓库

1. 登录Github后，点击右上角的“+”号，选择“New repository”创建一个新仓库。
2. 在仓库名称中填写用户名.github.io（用户名需替换为你的Github用户名），确保仓库是公开的（Public），然后点击“Create repository”。

三、安装Hexo

3.1 安装Hexo CLI

• 打开命令行工具，输入npm install -g hexo-cli安装Hexo。
• 安装完成后，输入hexo -v验证安装是否成功。

3.2 初始化Hexo项目

• 在你的电脑上选择一个目录作为Hexo项目的根目录。
• 在该目录下打开命令行，输入hexo init初始化Hexo项目。
• 初始化完成后，目录下会生成一系列Hexo项目文件。

3.3 安装依赖

• 在项目根目录下，输入npm install安装项目依赖。

四、配置Hexo

4.1 修改配置文件

• 使用文本编辑器打开项目根目录下的_config.yml文件。
• 根据需要修改博客的标题、作者、语言等配置信息。

4.2 安装Hexo Deployer

• 为了将博客部署到Github，需要安装Hexo Deployer。
• 在项目根目录下，输入npm install hexo-deployer-git --save安装。

4.3 配置部署信息

• 在_config.yml文件中，找到deploy部分，配置如下：

  deploy:
    type: git
    repo: https://github.com/用户名/用户名.github.io.git
    branch: main

  注意：将用户名替换为你的Github用户名，如果你的仓库分支不是main，请相应修改。

五、创建并发布博客

5.1 新建文章

• 在项目根目录下的source/_posts目录中，新建一个Markdown文件作为博客文章。
• 使用Markdown语法编写文章内容。

5.2 生成静态文件

• 在项目根目录下，输入hexo generate或简写为hexo g生成静态文件。

5.3 本地预览

• 输入hexo server或简写为hexo s启动本地服务器，在浏览器中访问http://localhost:4000预览博客。

5.4 部署到Github

• 输入hexo deploy或简写为hexo d将博客部署到Github。
• 部署完成后，在浏览器中访问https://用户名.github.io查看你的博客。

六、更换主题

Hexo支持丰富的主题，你可以根据自己的喜好更换主题。

1. 访问Hexo主题官网或相关主题网站，找到喜欢的主题。
2. 根据主题的安装说明，下载并安装主题。
3. 修改_config.yml文件中的theme字段，指定你安装的主题。
4. 重新生成