hexo+github博客搭建与备份教程(详细篇)
发布网友
发布时间：2023-01-04 19:50
共1个回答
热心网友
时间：2023-10-14 01:41
来自肥宅的小乐趣，带你玩转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～
