Mipha
0%

Hexo使用手册（1）

发表于 更新于

本文为使用Hexo博客框架在GitHubPage上搭建自己的博客的手顺及GitHubPage绑定域名的配置方法。

所需工具

  • git
  • node.js

Mac升级node.js （利用Node.js的多版本管理器n）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 查看node版本
node -v
// 清除node缓存
sudo npm cache clean -f
// 使用npm安装n模块
sudo npm install -g n
// node所有版本
npm view node versions 
// 升级到最新版本
sudo n latest
// 升级到稳定版本
sudo n stable
// 升级到具体版本号
sudo n xx.xx

升级npm

1
sudo npm install npm@latest -g

安装Hexo

1
2
3
4
5
6
7
// 下载Hexo文件
sudo npm install -g hexo-cli
// 在指定目录下创建一个blog文件夹，在该文件夹下初始化博客
hexo init
// 本地预览博客
hexo s
// 默认可以使用 http://localhost:4000 进行访问

部署到GitHub Pages上

添加SSH Key到github

1
2
3
4
5
6
7
8
9
// 配置用户名和账号的命令
git config --global user.name "username"
git config --global user.email "email@gmail.com"

// 生成SSH Key
ssh-keygen -t rsa -C "email@gmail.com"

// 输出key并复制
cat ~/.ssh/id_rsa.pub

登录github
Settings –> SSH and GPG keys –> New SSH key
追加刚才复制的key

本地博客关联到Github主页

登录Github并且创建一个名字为 username.githug.io 的Public仓库
切换到博客目录后执行

1
sudo npm install hexo-deployer-git --save

修改配置文件…/blog/_config.yml

1
2
3
4
deploy:
  type: git
  repo: git@github.com:username/username.github.io.git
  branch: master

把博客push到github

1
2
3
4
5
6
// 生成我们想要的博客文件
hexo g
// 将本地的博客文件push到github
hexo d
// 或者
hexo g -d

GitHub Pages绑定域名

申请域名

创建CNAME文件

在仓库目录下新建CNAME的文件，文件内容中填写域名地址，不包含https和www。
仓库的Settings –> Pages –> Custom domain 配置中查看或修改域名

DNS解析

在各家域名服务商处修改域名解析记录，添加如下记录

1
2
3
# 记录类型   主机记录   记录值
  CNAME      www     username.github.io
  CNAME      @       username.github.io