GitHub + Hexo 搭建博客

搭建步骤

在 GitHub 上创建仓库

登录到 GitHub 账号，如果没有 GitHub 账号，可以注册。然后点击 GitHub 的 New repository 创建一个新的仓库，它的名字应该是你的 GitHub 的 username.githun.io，这种是固定写法。如果你的用户名是 abc，那么你的仓库名成就应该是 abc.github.io。

安装 Git

在电脑上安装 Git，详细的步骤可以参考网络上的 Git 安装教程

安装 Node.js

Hexo 是基于 Node.js 的，所以在安装 Hexo 之前先下载安装 Node.js。
在命令行中输入：

$ node -v
$ npm -v

确认 Node.js 和 npm 已经安装成功。至此，安装 Hexo 的环境已经搭建成功。

安装 Hexo

Hexo 是个人博客网站的框架，首先在电脑里创建一个文件夹，可以命名为 Blog，当然以可以是其他任何名字。Hexo 框架和之后发布的网页都在这个文件夹中，这个文件夹中运行命令行输入：

$ npm install -g hexo-cli

安装完成之后初始化博客，输入：

$ hexo init blog

注意，以上的命令都是在 Blog 文件夹中执行的。
下面的命令将在 blog 文件夹中执行：

$ hexo new essay
$ hexo g
$ hexo s

这样就可以在浏览器中输入这个地址 http://localhost:4000/ 查看本地的博客

推送网站

当在本地建成网站之后，需要将网站发布出去，让更多的人可以访问到。这个工作要在 blog 根目录的 _config.yml 文件中完成，这个文件被称为站点配置文件。
打开站点配置文件，找到 deploy 这个配置项，进行如下的配置:

deploy: 
  type: git
  repo: https://github.com/abc/abc.github.io.git
  branch: master

其中 repo: 填写之前创建好的仓库的完整路径。保存文件。然后输入：

$ npm install hexo-deployer-git --save

之后输入：

$ hexo clean
$ hexo g
$ hexo d

这样网站就部署成功了。打开浏览器输入 https://abc.github.io 就可以在网络上访问了

更换主题

如果不喜欢 Hexo 的默认主题，可以进行更换。推荐一个比较简洁的主题风格 Next 主题。在 blog 目录下输入命令：

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

将 Next 主题下载到 themes 文件夹中。然后，打开站点配置文件,进行如下修改：

theme: next

打开 next 文件夹中的 _config.yml 文件，找到 Scheme Settings,会看到有几个待选的主题样式，选择其中任意一个即可：

scheme: Gemini