基于github搭建自己的个人博客

今天一时兴起， 看见别人使用的github.io搭建了属于自己的个人博客， 我也使用github搭建一个自己的博客系统；

步骤一：创建一个自己的github账号；（略）

步骤二：创建一个自己的项目

注意： 我自己的github账号是junzaivip，然后我的github.io的前缀也是junzaivip，【必须是你的用户名，其它名称无效】所以我的地址就是junzaivip.github.io

第三步：创建好之后，拉取到本地，然后采用下面的命令进行添加；

echo "# junzaivip.github.io" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/junzaivip/junzaivip.github.io.git
git push -u origin master

然后就可以访问了：比如我的是https://junzaivip.github.io

后面的步骤可选，因为目前网站已经可以正常使用；

第四步：绑定自己喜欢的域名

ping junzaivip.github.io

然后在自己注册的域名供应商那里进行添加，如下：

只添加了上面， 还是无法访问， 还需要最后一步， 就是在junzaivip.github.io项目中， 根目录新建一个CNAME，在里面写上自己刚才注册的域名；比如我的写的是：shihuijun.cn

注意：

• 如果你写的是shihuijun.cn，那么你访问www.shihuijun.cn还是会跳转到shihuijun.cn；
• 反之，如果你写的是www.shihuijun.cn，那么你访问shihuijun.cn还是会跳转到www.shihuijun.cn；
• 绑定了新域名之后，原来的你的用户名.github.io并没有失效，而是会自动跳转到你的新域名。

步骤五：采用hexo搭建自己博客

新建一个空白的文件夹，比如hexo_blog, 然后采用命令行窗口进入

npm install -g hexo-cli

检查是否安装成功

hexo -version

然后运行初始化命令

hexo init

运行成功会得到如下提示：

运行下面来启动服务：

hexo s

在浏览器输入http://localhost:4000/，可以看到博客已经生成

步骤六：实现自动部署

安装 hexo-deployer-git。

npm install hexo-deployer-git --save

在_config.yml中配置

deploy:
  type: git
  repo: [email protected]:junzaivip/junzaivip.github.io.git
  branch: master

需要注意下面， 改为git获取，才能正常deploy

 

可以参看官方文档：https://hexo.io/zh-cn/docs/deployment

第七步：发现部署完之后，shihuijun.cn无法访问了， 是因为还有最后一步：

这个位置要添加自己的域名， 然后就可以正常访问了。

可以尝试一下哦： http://shihuijun.cn