hexo 搭建博客(三)

1. 搭建博客   2. 设置主题   3. 域名绑定   4. 发表文章
选择 github pages 或者 oschina pages 完成域名绑定

Github Pages 绑定

完成github注册和创建github pages

注册 github https://github.com 此处以我的用户名为例 pseason
创建github pages(实际创建一个仓库,仓库名称为:pseason.github.io)

为github用户添加 SSH key

为本地git添加 用户名和邮箱

1
2
git config --global user.name "pseason"
git config --global user.email 243834447@qq.com

验证结果

1
2
3
4
5
C:\Windows\System32>git config user.name
pseason
C:\Windows\System32>git config user.email
243834447@qq.com

添加ssh key(桌面右键 Git Bash Here)

1
ssh-keygen -t rsa -C '你的邮箱' # 邮箱为注册github填写的邮箱

然后一直按回车,成功之后我们根据提示的保存路径找到一个 id _rsa.pub的文件,复制里面的全部内容。
然后登陆的github账号,找到右上角的图标,打开settings,接着找到左面的sshkey接着点击右面的new ssh key,
然后把我们刚才复制的东西copy进去,这个密钥的标题随便起。OK密钥创建完成。

上传本地博客到github

在 站点配置文件 添加部署方式和github仓库

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

在博客目录安装 hexo-deployer-git ,切换博客目录,执行命令

1
npm install hexo-deployer-git --save

执行命令,上传至github,访问 github pages

1
2
hexo clean && hexo d # (确保已经切换至博客目录)
(提示输入密码,输入个人github信息)

提示信息:
To git@github.com:pseason/pseason.github.io.git
9340bf4..90fec38 HEAD -> master
INFO Deploy done: git

访问自己的 github pages

访问 github pages 例如:pseason.github.io
github pages(实际创建一个仓库,仓库名称为:pseason.github.io)

绑定域名(以阿里云解析为例)

购买自己喜欢的域名 阿里云-万网
域名
在 cmd 下 ping github pages (获取个人github pages的ip)

1
2
3
4
5
6
C:\Windows\System32>ping pseason.github.io
正在 Ping github.map.fastly.net [151.101.72.133] 具有 32 字节的数据:
来自 151.101.72.133 的回复: 字节=32 时间=106ms TTL=54
来自 151.101.72.133 的回复: 字节=32 时间=101ms TTL=54
来自 151.101.72.133 的回复: 字节=32 时间=103ms TTL=54
来自 151.101.72.133 的回复: 字节=32 时间=124ms TTL=54

151.101.72.133为自己 github pages 的ip地址
登录个人阿里云 云解析DNS 为自己购买的域名添加解析指向我们的github pages
添加2条解析记录(一般2-3分钟生效)

1
2
A @ 151.101.72.133 # @
A www 151.101.72.133 # www

云解析

至此我们购买的域名已指向 github pages 了。访问自己的域名,查看结果。(单向绑定)
再次为 github pages 添加指向我们个人域名的关联 (双向绑定)
在个人博客主题source目录添加 CNAME 文件,在 CNAME 文件中录入我们自己购买的域名
CNAME
再次执行 hexo d 提交 CNAME 文件至自己的 github pages 主页仓库,至此完成双向绑定。

1
hexo clean && hexo d ## 确保已切换至个人的博客目录

为什么要在theme的source文件添加 CNAME 文件 ?
当我们在提交博客代码时会冲掉仓库中 CNAME 文件,为保证双向绑定,在本地添加 CNAME 文件,确保每次提交github仓库中都存在该 CNAME 文件

oschina pages 绑定

oschina pages 绑定和 github pages 绑定大致相同

码云pages未开通域名指向功能,只能同通过 yourName.oschina.io 访问,但在国内访问速度比域名指向 github pages 快,体验更好,缺点是不能域名绑定

------ 本文结束 ------
支持鼓励