Hexo博客如何备份到Github

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Hexo博客如何备份到Github相关的知识,希望对你有一定的参考价值。

参考技术A 在 这篇文章 中我们把 Hexo 和 Github 结合起来搭建了自己的个人博客, hexo d 部署到 Github 的其实 Hexo 编译后的文件,这些文件是用来生成网页的,并不包含我们的源文件:

它其实上传到 Github 的是在我们本地目录里的 .deploy_git 里面的内容:

我们的源文件比如相关 source 文件、配置文件等都是没有上传到 Github 上的,所以我们要利用 git 来做分支管理,对我们的源文件进行备份,这样我们就可以在另一台电脑上把源文件 clone 到本地安装相应的环境就可以继续写我们的博客了。
好了,废话少说,我们直接来说如何进行博客源文件的备份。

在 Github 上博客仓库下创建一个新的分支 hexo ,并且将这个分支设置为默认分支,具体操作如下:

在本地把我们刚建的分支 hexo 克隆到本地:

进入到Blogs根目录下,执行如下命令:

这时候我们会看到 Github 上的 hexo 分支就有我们的源文件了。

假如我们现在更换了电脑,希望在新的电脑上继续写博客,把 Github 上 hexo 分支上的项目克隆到本地(注意:是我们备份的那个分支)

进入到克隆下来的文件夹,执行如下命令:

然后再去安装主题相关的插件即可,当然如果你电脑上还没有 Node.js 等环境的话可能还需要去安装相关的环境。
现在我们就基本上可以在另一台电脑上继续我们的博客之旅啦~

到这里,如何备份Hexo博客以及如何恢复Hexo博客就基本结束啦。

更多关于Hexo框架和butterfly主题配置可以移步 Sunny的个人技术博客 。

hexo+github博客搭建与备份教程(详细篇)

参考技术A

来自肥宅的小乐趣,带你玩转hexo自建博客,生活还是需要装一下的嘛:)。

官网 : https://hexo.io/zh-cn/

关于hexo,如官网的一句话介绍,

正如上面的介绍,hexo会在本地生成一个静态html页面,为了让别人看到我们的博客,我们就需要将其推到远端--服务器。

那么github就提供给我们一个免费的仓库,对于新人练手是再好不过了。当然,也可以购买属于自己的域名,让更多的朋友看到你的博客。话不多说,让我们开始吧!(作者使用的是mac os系统,其他系统也类似)

mac用户推荐使用 Homebrew

笔者安装的版本为v12.6.0

安装hexo需要依赖node.js的 npm 的包管理器,由于国内镜像源速度很慢,为了避免出错,所以在使用之前一般是利用 npm 来安装 cnpm , cnpm 为淘宝的镜像源。

至此,我们hexo的博客搭建初步完成了。 INFO Start blogging with Hexo!

若不存在,请进行下一步(存在,请跳过创建步骤)

输入后按回车,然后会提示输入密码,可以按回车设为空。之后SSH就生成了,下图所示:

4. 检验SSH Key

执行yes,若出现下例,则表示配置成功。

5. 设置用户信息

6. 本地博客部署至Github
终端 myblog 目录下,使用 vim 打开 _config.yml ,

滑动至最底部,如图,编辑 deploy 节点,
type: git
repo: git@github.com:codehory/codehory.github.io.git
branch: master
注:1.冒号后有空格 2. repo 一行为新建仓库的SSH地址,打开新建仓库就能看见

输入完毕,按 esc , :wq 保存退出。

7. 安装部署插件
在 myblog 目录下,

8. Deploy to Github

至此,恭喜,完成全部部署,在网址栏输入: yourusername.github.io 就能看到你的初步博客啦!( yourusername 为你github用户名)

在 myblog 目录下,新建一篇博客,

在本地博客的 source->_posts 路径下看到新建的文章,是md格式的,使用markdown文本编辑器进行编辑即可。

编辑完成之后,执行以下命令,即可更新博文,

为了继续满足我们深入骨髓的DIY之心,换一个自己喜欢的主题也是必不可少的环节。Github上有很多眼花缭乱的主题,去选一个自己喜欢的吧! https://hexo.io/themes/
本文例程使用的是: https://github.com/litten/hexo-theme-yilia

在 myblog 目录下,用 vim 打开 _config.yml ,

可以修改 title,subtitle,description,keywords,author 等内容,这些属性依赖于你选择的主题。

输入完毕,按 esc , :wq 保存退出。

menu 用来设置你博客的分类,标签等。

subnav 为你的社交媒体的链接,如github,微博等。

用github当图床
头像 更换:在 myblog 目录下的 source 文件下创建 img 文件,将图片保存在其中。我们通过部署生成,把图片放到 github 上,通过链接找到。
例如:本文将一张 timg.jpeg 的图片存放到 myblog/source/img/ 下,那么我们可以通过之前生成的链接,如 https://codehory.github.io/img/timg.jpeg ,进行图片的插入。

还有许多诸如此类的设置,各自进去修改吧,同样的操作,保存退出。

最后来看看我们的博客吧,还不错吧:

由于博客是在本地生成的,如果更换电脑,那我们是不是就不能用这个博客了?方法总比问题多,我们可以利用 github 来备份博客的文件和数据。

第一次备份完毕,以后的备份,只需进行如下操作:

这样备份完毕后,我们在另一台电脑上,只需 git clone 一下就行了。

说长不长,说短不短,一通操作下来,不知你是否成功了呢?作者只是抛砖引玉,带你入门,之后的进阶过程,还望各位继续探索,玩转hexo。欢迎在评论区展示下你们的成果咯,让作者也学习学习,哈哈。同样,如若有任何纰漏或者相关问题,请在评论区留言吧!感谢各位观看!See you~

以上是关于Hexo博客如何备份到Github的主要内容,如果未能解决你的问题,请参考以下文章

Hexo系列 | Hexo源文件备份(防丢失)

Hexo + GitEE 搭建备份恢复多终端

Hexo+Github Pages博客创建详细步骤

Linux下使用Hexo搭建github博客

使用Node.js+Hexo+Github搭建个人博客(续)

Hexo + GitEE