用hexo+Github Pages搭建一个静态博客

看到社团的学长都有自己的博客,自己也心痒痒,于是按照网上的教程搭起了自己的第一个博客。

前言

这篇文章整理了我搭建博客的过程,内容基本参照网上的教程,因为原教程已经很详细了,所以我不会赘述,如果有看不懂的请直接跳转。

用Hexo在本地搭建一个博客

安装Hexo

安装git

https://git-scm.com/downloads

安装node.js

http://nodejs.cn/

安装Hexo

  1. 在你想要存放博客文件的地方建一个新文件夹
  2. 在文件夹中右键,点击Git Bash Here
  3. 输入
1
2
3
4
npm install -g hexo-cli
hexo init
hexo g //生成静态文件
hexo s //启动服务器

打开浏览器输入localhost:4000查看,如果出现了界面说明博客已经搭建成功。

主题优化

我选择用nexT主题

这里对接下来提到的名词进行说明

  1. 站点根目录:存放博客文件的文件夹
  2. 站点配置文件:根目录下的_config.yml文件
  3. 主题配置文件:根目录/themes/next/_config.yml
  1. 在站点根目录打开Git Bash输入

    1
    git clone https://github.com/iissnan/hexo-theme-next themes/next
  2. 完成后,打开站点配置文件,找到theme字段,并将其值更改为 next

  3. 在终端输入

    1
    2
    3
    4
    hexo clean //清除缓存
    hexo g //重新生成静态文件
    hexo d //部署网站
    //等待一会然后打开浏览器访问localhost:4000查看效果
  4. 配置next

    打开主题配置文件,找到scheme字段

原来的文件是这样的:

1
2
3
4
# Schemes
scheme: Muse
#scheme: Mist
#scheme: Pisces

将其更改为

1
2
3
4
# Schemes
#scheme: Muse
#scheme: Mist
scheme: Pisces

然后重复第3条操作,查看效果

将本地博客上传到Github

这个直接看网上的教程

域名绑定

首先购买一个属于与你的域名,博主买了一年份的域名,只花了九块钱。

域名解析

域名购买好后,在域名的DNS管理中添加四条A记录,名称都为@,值分别为

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

这四个都是Github Pages的IP地址

Github Pages 方面的CNAME文件配置

  1. 在你的<GitHub用户名>.github.io仓库中找到设置
  2. 拉到下面,找到GitHub Pages
  3. 接着找到Custom domain
  4. 在空白中填写你的域名,点击保存即可。
  5. 等待一到两天即可用域名访问你的博客了!

后记

  1. 没有什么问题是Google解决不了的,学会用搜索引擎
  2. 每次更新博客文件都要hexo g,hexo d,才能成功上传