Github Pages+Hexo+腾讯云域名绑定
Github Pages
Github Pages可以免费托管,所以把博客托管到github上。
首先,创建一个github仓库,仓库的命名格式为:yourusername.github.io,然后根据提示进行下一步。
hexo搭建博客
本博客中使用了next的主题,所以会详细介绍下按照next主题搭建的步骤。
- 准备工作
1.首先要安装下node.js(官网下载),如果已经安装可以跳过。
2.安装git(官网下载)。
3.安装Hexo:
$ npm install -g hexo
安装成功后,使用version命令查看是否安装成功
$ hexo version
4.本地静态hexo博客
- 新建一个文件夹,作为你博客文件的根目录
- 命令行进入该文件夹下,输入以下命令,生成模板:
$ hexo init
- 模板生成后,输入以下命令:
$ npm install
最后可以运行hexo s命令查看是否搭建成功
- 下载主题
在 themes 文件夹内,新增一个next文件夹,并修改_config.yml 内的 theme 设定theme: next,即可切换到next主题。然后把next主题的内容clone到刚刚新建的next文件夹下:
git clone https://github.com/liuJinYang6/hexo-theme-next.git themes/next
- 配置博客
1.用户信息配置
根据个人需求进行相关配置。
注意:在themes/next目录中的_config.yml中配置一下信息,而非博客根目录下的_config.yml中配置。ps:不过我的有些没起作用的就放到了根目录下的_config.yml中。
2.创建About页面
在根目录下的source文件夹里创建一个about文件夹,然后在about文件夹里新建index.md文件,在文件中添加如下代码,并保存:
---
title: 关于我
date: 2016-10-10 15:40:19
---
具体介绍信息根据个人进行添加。
- 部署Hexo博客
- 建站
$ hexo init yourname
$ cd yourname
$ npm install
- 配置_config.yml的部署:
deploy:
type: git
repository: [email protected]:liuJinYang6/liuJinYang6.github.io.git
branch: master
- 清理缓存
$ hexo clean
- 生成静态网页
$ hexo g
- 本地查看效果,执行完后可以通过http://localhost:4000查看本地效果
$ hexo s
- 部署到git
$ hexo d
绑定腾讯云域名
之前在腾讯云买了域名,域名购买成功之后要等待实名认证。
- 添加CNAME文件
在根目录下的source文件夹下新建CNAME文件,没有后缀。打开CNAME文件,在里面添加你的域名信息,保存之后,重新部署到github pages上。
- 给github项目添加
在项目的Settings中,添加Custom domain到自己的域名。
- 给域名添加解析记录
1.ping你自己的yourname.github.io获取到ip地址;
2.打开域名的解析列表,添加两条解析记录;
更换之后,可能需要等一段时间才能生效,差不多就大功告成啦。