Hexo博客部署到Github和Gitee

  目前我们的博客还是在本地的,接下来要把它部署到远端,这样别人就可以访问你的博客了。本文记录使用GithubGitee来托管我们的博客。


托管方案

Github或者Gitee(码云)的Pages服务,它们都能够免费托管站点,没必要专门弄个服务器。其中Gitee访问会比较快点,毕竟是国内的。

创建仓库

Github

  • 创建一个仓库,仓库设置为公开的才能免费使用Github Pages服务。

  • 仓库名必须设置为:<用户名>.github.io

  • 如下图:我的Github用户名为guanmianli,那么就需要创建一个名为guanmianli.github.io的公开仓库。

  • 创建完成后,我们就可以通过<用户名>.github.io来访问我们的站点了。

Gitee

  • 创建一个仓库,设置为公开或私有都可以。

  • 仓库名如果设置成和个人空间地址一样,那么访问地址就是: <个人空间地址名>.gitee.io

  • 个人空间地址可在个人资料中查看。我的个人空间地址是gavincrown,那么我的博客地址就是:gavincrown.gitee.io
    Hexo博客部署到Github和Gitee_第1张图片Hexo博客部署到Github和Gitee_第2张图片

  • 仓库名如果设置成别的,那么访问地址则是:<个人空间地址名>.gitee.io/仓库名

  • 例如我把仓库名设置为myblog,那么我的博客访问地址就是:gavincrown.gitee.io/myblog

  • 创建完成后,我们需要在该仓库页面中 点击“服务” > Gitee Pages > 勾选“强制使用HTTPS” > 点击“启动”即可。
    Hexo博客部署到Github和Gitee_第3张图片

开始部署

接下来,我们就可以把本地博客部署远端了。

1.安装部署插件

在博客根目录中执行以下命令:

$ cnpm install hexo-deployer-git --save

2.修改部署配置

  • 复制刚刚创建的仓库地址。
    https:部署需要账户密码。
    ssh:部署不需要密码,但需要先配置一下ssh key

  • 在站点配置文件中修改如下配置:

    deploy:
      type: git
      repo: https://github.com/guanmianli/guanmianli.github.io.git # 仓库地址
      branch: master # 部署分支
    

    注意:部署分支要和我们远端仓库的部署分支对应,没设置的话Hexo会自动创建一个分支作为部署分支。

  • 我们也可以设置同时部署到GithubGitee

    deploy:
      type: git
      repo: https://github.com/guanmianli/guanmianli.github.io.git 
      repo: https://gitee.com/gavincrown/gavincrown.git
      branch: master 
    
  • 如果域名带子目录,那么还需要多一步设置:
    在站点配置文件中找到如下选项,url设置为你的完整域名,root设置为你的子目录。

    # URL
    url: https://gavincrown.gitee.io/myblog
    root: /myblog
    

3.执行部署命令

  • 在博客根目录中执行以下命令:

    $ hexo clean && hexo g && hexo d
    
  • 对于Gitee Pages,由于不支持自动更新,每次执行命令部署后需要手动点击更新,等待更新完成后访问地址即可看到效果。
    Hexo博客部署到Github和Gitee_第4张图片

    如果看不到效果的话,暂停服务,然后再重新启动。

  • 对于GitHub Pages,它支持自动更新,无需额外操作,稍等片刻后访问即可。Hexo博客部署到Github和Gitee_第5张图片


The last but not the end.

你可能感兴趣的:(个人博客,Hexo博客)