0%

简单几步将Hexo部署到GitHub Pages上

上篇从安装Hexo开始搭建个人博客说了如何安装Hexo,但是博客不能一直放在本地里用,我们需要将其部署到远端。有个免费的方法是将其部署到GitHub Pages上,现在只要简单几步,我们一鼓作气将其搞定。


1.注册GitHub账户

GitHub Pages是一个静态站点托管服务,可直接从GitHub上的存储库获取HTML,CSS和JavaScript文件,还可以选择在构建过程中运行这些文件并发布网站。

GitHub是一个宝库,愣着的小伙伴赶紧去注册呀!


2.创建一个存储库

点击创建

创建一个名为username .github.io的存储库,其中username是你在GitHub上的用户名。


3. 部署

3.1.安装插件

1
npm install hexo-deployer-git --save

3.2.修改站点配置文件

打开站点下的_config,yml文件,添加deploy信息

1
2
3
4
deploy:
type: git
repo: https://github.com/username/username.github.io
branch: master

注意将username改为你的GithHub用户名。

3.3.部署

1
2
3
hexo cl     //清理缓存
hexo g //生成静态文件
hexo d //部署网站到创建的仓库

这样几步下来就可以部署成功了,以后可以直接凭过程中设置的网址访问你的个人网站。


4.最后

部署成功后,就可以使用Github提供的那个地址来访问博客了。

成功部署的可以分享给其他小伙伴们,觉得丑的再看看下一篇如何更换主题。

5.参考

文档

GitHub页面