拒绝延迟 | 搭建Hexo博客并同步部署至Github与码云Gitee

引言

得益于Hexo, jekyll这类轻量静态博客框架的流行与各大代码托管平台提供的Pages服务。如今,建立个人博客的门槛已经极大的降低。然而,托管于Github上的静态Blog在国内拥有原生的缺陷,即访问速度的缓慢。此时将Hexo Blog同步托管到Github与支持Pages服务的国内代码托管平台,例如码云(Gitee)、 Coding,不失为一种有效的解决方法。这篇文章主要指引您将Hexo同步(时)部署至Github与码云,如果可能,也试图帮助您在Github和码云(Gitee)上搭建一个Hexo个人博客。例如:Yakuback的博客(码云), Yakuback的博客(Github)。

您需要准备

  • ✅一个配置完成的Hexo

    ❔您还没有配置好本地的Hexo?
    您可以访问这里来学习如何安装和配置Hexo框架

  • ✅Github账号 (还没有注册?)

  • ✅码云(Gitee)账号 (还没有注册?)

    ❓为什么不选择Coding作为托管平台
    由于使用Coding Pages服务需要进行实名认证
    如果您不介意,可以参照这里

开始部署

配置Github Pages

  1. 登录您的Github

  2. 新建一个名为您的Github用户名.github.io的仓库 (详细步骤)

  3. 配置SSH密钥

    ❗当然,您也可以选择不配置SSH密钥而使用HTTPS连接来部署Blog,副作用是每次提交都需要输入托管网站的账号密码。由于我们的目标是将Blog同步托管到两个网站上,这将会导致您提交时需要输入4次账户信息。
    ❕请不要勉强自己,如果您感到吃力,可以跳过这一步骤

    • 生成新的SSH Key (详细步骤)
      ssh-keygen -t rsa -b 4096 -C "您的Github邮箱地址"
    • 将SSH Key(位于~/.ssh/id_rsa.pub)添加到Github账户中 (详细步骤)
  4. 这一阶段的工作告一段落⭕

配置码云(Gitee) Pages

  1. 登录您的码云(Gitee)并绑定手机号码以便启用Pages服务

❗绑定手机账号是开启Gitee Pages的必要条件

  1. 新建一个名为您的Gitee用户名的Gitee仓库 (详细步骤)

    ❓为什么仓库名需要为我的Gitee用户名
    如果您希望获得一个不带二级目录的Pages首页访问地址(形如name.gitee.io),就需要这么做,否则,您的Gitee Pages首页访问地址将形如name.gitee.io/my_blog

  2. 在这里添加您在[配置SSH密钥]章节生成的SSH密钥到您的Gitee (详细步骤)

    ❕如果您跳过了[配置SSH密钥]这一章节,也请您跳过这里

  3. 这一阶段的工作告一段落⭕

配置Hexo

  1. 打开您的_config.yml文件并在文件底部找到deploy对象
  2. 将仓库地址加入deploy对象

{yourname} 是您在相应网站的用户名

  • 如果您配置了SSH密钥
deploy:
  type: 'git'
  repo: 
    github: [email protected]:{yourname}/{yourname}.github.io.git
    gitee: [email protected]:{yourname}/{yourname}.git
  branch: master
  • 如果您没有配置SSH密钥(跳过了[配置SSH密钥]章节)
deploy:
  type: 'git'
  repo: 
    github: https://github.com/{yakuback}/{yakuback}.github.io.git
    gitee: https://gitee.com/{yakuback}/{yakuback}.git
  branch: master
  1. 打开您的码云仓库,选择服务-Gitee Pages并开启服务
  2. 这一阶段的工作告一段落⭕

最后

至此,您已经完成了将Hexo的静态网站同步部署至Github与码云(Gitee)的全部步骤。
一如既往,让我们通过

hexo g	# 生成页面
hexo d	# 部署页面

来做一收尾吧!

❗需要注意的是,码云并不会主动更新您的网站,在您部署页面后,需要在码云仓库手动更新

  • 本文作者: yakuback
  • 本文链接: https://yakuback.github.io/2020/02/23/搭建Hexo博客并同步部署至Github与码云/
  • 版权声明: 本文采用 BY-NC-SA 许可协议. 如需转载,请您注明出处.

你可能感兴趣的:(电脑技巧,博客建站)