前言

前面的博客我写到怎么样用hexo建立一个自己的博客网站(没看的可以先看前面那个文章地址,)但是它只能运行在本地端口,如果你分享给你的小伙伴他们是打不开的。如果把它部署到服务器上或空间上每个月都会有不菲的支出,所以我今天教大家怎么部署到免费的GitHub上面。

创建GitHub仓库

首先登录GitHub登录GitHub
然后新建一个repository(部署个人博客的GitHub仓库命名必须要与个人名称相同,否则接下来会出错误)
新建仓库
(忽略我这个错误提醒,因为我已经部署过一次了)限制命名
创建仓库后会跳转到这个界面
仓库界面
这时我们GitHub的仓库建立就完成了

安装git部署插件

回到命令行中进入博客文件夹内
进入博客文件夹
在blog文件目录下输入:

C:\Users\Markey\blog> npm install --save hexo-deployer-git

如果不行的话就继续使用淘宝镜像源,输入:

C:\Users\Markey\blog> cnpm install --save hexo-deployer-git

静静的等待安装
等待下载
安装完成后进入文件夹打开_config.yml文件进行配置
配置
打开文件找到deployment
deployment
在type后输入’git’,并添加repo和branch两个配置,在repo处填写github仓库地址,在branch处填写master。!!注意!!冒号后面要加空格!!

修改配置


部署到远端

在命令行中输入

C:\Users\Markey\blog> hexo d

就会自动上传到远端,并要求你填写账户的密码。

但是如果出现了错误提示,解决办法是:

  • 右键桌面打开git bush
  • 在里面输入
    git全局部署
    $ git config --global user.name "姓名为GitHub上的姓名"
    $ git config --global user.email "邮箱为GitHub的注册邮箱"

这时再重复第一遍的步骤,回到命令行中输入

hexo d

正常提示输入密码即位成功,输入密码后就会自动向远端推送文件,再次打开GitHub仓库页面就会发现本地blog文件夹中的文件都再GitHub上部署完成

打开个人博客网站的页面

这时只要输入仓库名访问博客页面

就可以成功的访问到个人博客的页面了,和你在localhost4000端口上面是一模一样的,如果你觉得这个域名每次都要输入很麻烦很冗长,来看看怎么给这个博客绑定一个自己的个性域名吧 文章链接