将 Hexo 个人博客同时部署到 GitHub 和 Coding 上

那年仲夏 提交于 2019-11-29 10:42:37

一、将个人博客托管到 GitHub 上

关于如何快速搭建自己的个人博客,如何完善自己的个人博客,什么是 GitHub ,如何将自己的博客代码托管到 GitHub 上面等等问题,我之前写过三篇文章已经做了详细的说明,三篇文章如下:

基于 Hexo + GitHub Pages 搭建个人博客(一)

基于 Hexo + GitHub Pages 搭建个人博客(二)

基于 Hexo + GitHub Pages 搭建个人博客(三)

二、将个人博客托管到 Coding 上

最近博客出了点问题,这几天都在紧急修复,不间断折腾自己的博客,然后弄的差不过,今天非常好奇,于是登录百度统计,发现一个问题,那就是百度无法抓取托管在 GitHub Pages 上的博客,或许是因为 GitHub 是国外的代码托管平台无法抓取吧,然后就有点郁闷了...如下图所示:

而后 Google 上查了下,发现国内有一个代码托管平台叫 Coding ,也可以将个人的 Hexo 博客托管到平台上,然后有点激动,说时迟那时快,立刻动手尝试将自己的个人博客托管到 Coding 上,中间遇到很多坑,折腾好久,最终成功,特此记录。

据了解,之前很多人都是把博客托管到国内的 gitcafe上,后来 gitcafe 被 Coding 收购。当然,据我所知国内还有其他代码托管平台,例如有个代码托管平台叫码云,但是码云能不能托管个人博客代码,我就不清楚了,没怎么用码云,基本用的都是 GitHub ,有需要的可以自行了解下。

1、注册 Coding 帐号

注册网址:Coding 官网

2、将本电脑的 SSH 公钥配置到 Coding 上

(1)打开如下电脑 C 盘用户下的 .ssh 目录, 找到 id_rsa.pub 文件,即公钥文件,复制文件中的所有内容,如下图所示:

(2)在 已经登录的 Coding 网站上,打开个人设置,点击 SSH 公钥菜单下的新增公钥,而后把上面复制的内容全部粘贴到公钥内容框下,公钥名称自定义,没有特别的要求,然后点击添加即可,如下图所示:

(3)测试 SSH 公钥是否添加成功:本地打开 Git Bash 窗口,输入一下命令:

ssh -T git@coding.net

这时候会显示是否继续,选择 yes 继续,如果提示下列内容成功,即 SSH 公钥配置成功:

Hello compassblog You've connected to Coding.net by SSH successfully!

当然,compassblog 是我 Coding 帐户的名字,不同的帐户会不一样,如果显示如下错误:

ssh: connect to host coding.net port 22: Connection refused

如图:

说明防火墙完全屏蔽了端口 22 ,这时候不要慌张,直接输入如下命令使用 Coding 提供的 443 端口 SSH 服务即可解决:

ssh -T -p 443 git@git-ssh.coding.net

如下图所示:

然后在输入验证命令,显示 Coding 帐号与相关信息,即 SSH 公钥配置成功。

3、新建项目,存放需要托管的博客代码

(1)在 Coding 的个人主页上点击 + 号,选择项目选项,如下图所示:

(2)选择新建项目后,填写项目信息,项目名称与自己的 Coding 帐户名称项目,项目属性公开私有都可以,个人博客建议是公有,如下图所示:

(3)新建项目完毕后,打开项目的 Pages 服务选项,选择部署来源为 master 分支,并打开强制 HTTPS 访问按钮( https 更加安全),不选择就是 HTTP 访问了,不选择也是可以的,自行决定,点击保存即可,如下图所示:

4、配置博客主文件,同时部署 Hexo 博客到 GitHub 和 Coding 上

(1)打开 Hexo 博客主配置文件 _config.yml,找到 deploy 属性,作如下配置:

deploy:   type: git   repository:       github: git@github.com:compassblog/compassblog.github.io.git       coding: git@git.coding.net:compassblog/compassblog.git   branch: master

(2)打开 Hexo 主目录下的 source 文件,新建文件 Staticfile ,这个文件是 Coding 静态文件部署的标志,注意文件名字必须为 Staticfile,否则 Coding 上无法完成静态文件的部署,如下图所示:

5、测试 Hexo 博客是否成功部署到 GitHub 和 Coding 上

经过前面的步骤,配置基本就已经完成,直接在 Hexo 主目录下打开 Git Bash 窗口,输入如下命令:

hexo clean && hexo g && hexo d

如下图所示:

部署成功,到浏览器地址栏分别输入 GitHub 地址 和 Coding 地址,访问成功:

https://compassblog.github.io/

https://compassblog.coding.me/

扫描二维码关注微信公众号,了解更多

--------------------------------------------

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!