Hexo实战003使用GitPage部署个人博客

　　什么是Gitpage
　　Gitpage是代码托管平台提供给开发者部署个人博客用的技术，目前支持Gitpage的代码托管平台有Github、Coding、Gitee等。借助Gitpage我们可以在托管平台部署Hexo，这样我们就可以在网上发布自己的文章了。
　　Gitpage的优势
　　Gitpage具有极强的可定制性，代码存放在托管平台可以通过Git随时更新远程库。本地版本库可以让开发者在本地开发、编写、预览，在本地调试OK之后再Git到远程仓库。Gitpage支持markdown语法，搭配Hexo可以直接解析Typora文档（也就是将Typora文档拖入Hexo就可以直接生成网页文章）。最主要的不需要购买服务器和数据库，还可以自定义域名或者绑定属于自己的域名，这样可以大大节省建站成本。
　　申请Gitee账号
　　由于GitHub服务器在国外，访问太慢了还有可以被墙。所以这里我们选择国内的Gitee代码托管平台（Gitee是国内的代码托管平台，操作跟GitHub差不多），没有的可以先注册一个Gitee账号。注册完成之后我们新建一个fanux仓库，用来存放我们将要部署的项目文件。
　　添加SSH
　　在文章【Git实战001：Windows系统Git安装及设置详解 】由说到如何生成SSH密钥，在本地生成ssh key时用户名设置Gitee注册的用户昵称，邮箱设置为Gitee接收提交的邮箱。然后再在Gitee添加自己电脑生成的ssh key后更新代码到Gitee就不用再输入密码了。在Gitee的设置页面找到安全设置-->SSH公钥，将公钥贴上并保存即可。
　　修改发布配置
　　在刚刚创建的项目中复制项目的SSH地址，然后在Hexo配置文件_config.yml中找到deploy配置项进行修改。指定部署的方式、目标资源地址和分支，这样在使用hexo d命令时就会自动向指定的仓库进行部署了。
　　安装部署工具
　　Hexo提供了快速部署远程仓库的工具hexo-deployer-git，输入命令：npm install hexo-deployer-git --save 即可安装自动部署发布工具，然后分别执行命令：hexo clean && hexo g && hexo d 即可快速的将本都库文件快速编译并发布到远程托管仓库。登录Gitee我们就可以在刚才新建的资源fanux中看到刚刚推送上来的文件了，注意这里推送的是编译之后的文件哦！
　　权限不足错误
　　执行：hexo d部署的时候遇到一个错误提示：Please make sure you have the correct access rights，这个应该是ssh key出现问题导致连接不上Gitee远程仓库的服务器~~。git config --global --list检查下配置，删除C:userkevinfan.ssh文件夹下的密钥重新生成一次SSH。最后用Git拉取项目测试发现原来是公司22端口被禁用了，真让人脑壳疼！！！
　　GitPage解析
　　在Gitee中找到打开项目资源，找到【服务】选项中的Gitee Pages服务，可以支持Jekyll、Hugo、Hexo等静态网站的服务。默认部署分支为master，部署目录为整个仓库目录。
　　博客访问
　　点击 【更新】等一会儿博客就发布成功啦，博客访问地址为：http://vuenotes.gitee.io/fanux/。访问网址我们就可以看到属于我们自己的博客了，但是博客的样式好像丢了没有启用样式。这时候我们需要在Hexo配置文件_config.yml中配置下博客地址和路径，url: http://vuenotes.gitee.io/fanux 和 root: /fanux。还有就是网址除了有二级域名还多了仓库名，这里我们希望隐藏起来。
　　隐藏仓库名
　　这里我新建一个仓库，命名用注册个人空间地址时的名称（vuenotes）。重新更新下Hexo配置文件_config.yml中的deploy配置项，将repo指向新的仓库git@gitee.com:vuenotes/vuenotes.git。在Gitee的vuenotes项目中更新GitPage解析，发现启用的博客网站地址为： http://vuenotes.gitee.io。
　　总结：
　　用Gitee中的Gitee Pages 服务建仓时需要注意命令，最好是跟配置的个人空间地址名一致，不然会出现仓库名在网址中。如果样式丢失的话修改Hexo配置文件_config.yml中配置下博客地址和路径，将路径指向仓库名下。以上内容是小编给大家分享的【Hexo实战003：使用GitPage部署个人博客】，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。
　　如果想自己编写网站可以参考以下专栏，可以帮助你快速的掌握Vue前端开发构建属于自己的WEB应用。