hexo+github pages+个人域名搭建个人博客（踩坑合集）

注：此博客不再更新，所有最新文章将发表在个人独立博客limengting.site。分享技术，记录生活，欢迎大家关注

先上成品网址看效果 limengting.site

#0.安装hexo

hexo的安装参见官方文档：
hexo安装
node.js/git自行百度/Google

node -v
npm -v
git --version

安装hexo

npm install hexo-cli -g

检验

hexo -v

#1.创建远程仓库
在github上创建远程仓库，我的名为sunnie.github.io

注意：repository名称必须为 用户名.github.io，且用户名要全为小写，我就是大小写混在一起一直报404，各种怀疑人生找bug，瞎忙活了一晚上，最后把用户名全改成小写了才行的，感谢知乎用户

在Repository name下面填写你要创建的地址，这个地址是就是你的域名，以.github.io结尾。例如填写lmtsunnie.github.io以后就在地址栏直接输入lmtsunnie.github.io就可以访问网站
#2.创建本地仓库
在本地新建文件夹并切换

mkdir lmtsunnie
cd lmtsunnie

初始化博客

hexo init

以上两步可以简写为

hexo init lmtsunnie

检测

hexo n test // 新建一篇博客文章名为test

hexo g // 生成网页

hexo s // 在本地预览

完成后，打开浏览器输入地址：localhost:4000

显示：

hexo命令介绍：

npm install hexo -g #安装Hexo
npm update hexo -g #升级 
hexo init #初始化博客

命令简写
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署

hexo server #Hexo会监视文件变动并自动更新，无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存，若是网页正常情况下可以忽略这条命令

#3.换主题
回到主目录lmtsunnie

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

修改lmtsunnie根目录下的 _config.yml

theme: yilia

重新执行hexo s可以看到主题换了

#4.交由github托管

将我们的Hexo与GitHub关联起来，打开站点的配置文件_config.yml，翻到最后修改为：

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

其实就是给hexo d 这个命令做相应的配置，让hexo知道你要把blog部署在哪个位置，很显然，我们部署在我们GitHub的仓库里。最后安装Git部署插件，输入命令：

npm install hexo-deployer-git --save

这时，我们分别输入三条命令：

hexo clean 
hexo g 
hexo d

其实第三条的 hexo d 就是部署网站命令，d是deploy的缩写。完成后，打开浏览器，在地址栏输入你的放置个人网站的仓库路径，即 lmtsunnie.github.io

你就会发现你的博客已经上线了，可以在网络上被访问了。

#5. 绑定自己的域名
（1）在阿里云或者腾讯云上买一个自己的域名，设置解析，实名验证通过确定能ping通自己的域名后设置

注意：阿里云的实名认证比较慢，要实名认证过后解析才会生效才能ping通，腾讯云的实名认证很快，一上传资料认证就能通过，域名能马上使用，但是阿里云的域名更多。

（2）本地仓库的lmtsunnie/resource下创建CNAME文件（无后缀名，CNAME大写），CNAME下写入自己的域名，我的是limengting.site。
（3）在github的lmtsunnie.github.io的settings下github pages栏目设置域名为limengting.site

（4）在终端上hexo clean && hexo g && hexo d
（5）登录limengting.site可以访问到自己的博客

#6. 修改yilia主题中的配置
参见yilia主页
修改themes/yilia/_config.yml主题配置文件
将博客变成自己的
#7. 解决访问速度过慢的问题