利用Hexo + Github Pages实现永不丢失的免费博客
组件安装
Hexo官方网站给出的介绍:
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
Hexo是基于Node.js的,所以安装并使用Hexo之前,必须先安装Node.js。
GitHub Pages官方给出的介绍:
GitHub Pages is a static site hosting service designed to host your personal, organization, or project pages directly from a GitHub repository.
GitHub Pages是一种静态网站托管服务,用来托管GitHub仓库中的个人、组织或者项目的网页。
为了将博客部署/备份到github上,我们不仅需要有github账户,还需要下载Git。综上我们需要安装的组件有:
- Node.js
- Git
- Hexo
安装方法在网上很容易找到,就不再细说了。
本地搭建Hexo博客
Hexo官方文档中包括几种中主要的命令:
hexo init [folder]
新建一个网站。如果没有设置folder,Hexo 默认在目前的文件夹建立网站。hexo new [layout] <title>
新建一篇文章。如果没有设置layout的话,默认使用_config.yml中的default_layout参数代替。如果标题包含空格的话,请使用引号括起来。hexo generate或者hexo g
生成静态文件。hexo server或这hexo s
启动服务器。默认情况下,访问网址为:http://localhost:4000/。hexo deploy或者hexo d
根据_config.yml中的deploy设则来部署网站。hexo clean
清除缓存文件 (db.json) 和已生成的静态文件 (public)。
在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。
那么想要创建一个本地Hexo博客很简单,只需要利用hexo init创建一个网站,然后hexo g命令生成静态文件,最后使用hexo s就可以查看生成的静态网站了。如果想要写新的博客只需使用hexo new "blog title"就可以在/source/_post/文件夹中生成一个blog-title.md文件,编辑这个文件就可以写博客了。博客编辑完成后重新执行hexo g就能生成对应的静态文件了。
Hexo有很多的主题可以选择,很多主题简介漂亮、支持功能扩展、自定义样式等。Hexo的外观设置请见NexT主题基础外观设置。但是这里我们先不介绍相关内容,只需要注意某些功能的扩展可能会影响到后面会提到的备份。
将博客部署到Github Pages
本地搭建了博客肯定是不够的,我们还得把博客发布出去,这就用到GitHub Pages了,其实就是将本地博客的静态文件上传到github中一个特殊的仓库的master分支中。
如果你已经有权限往github中上传内容(至于怎么连接github,网上也有很多教程),想要部署博客到GitHub Pages只需两步:
-
修改
_config.yml中的deploy为:deploy: type: git repo: git@github.com:user_name/repository_name.git branch: master -
执行命令
npm install hexo-deployer-git --save
备份实现永不丢失
用心写出的博客,绝不能让它由于某些以外丢失。本地的单一本分是不够可靠的,我们可以将源文件上传到GitHub Pages对应仓库的非master分支中。
如果你已经完成了GitHub Pages的部署,那么下面的内容会非常简单:
备份
在博客文件夹下执行
git init
git checkout -b backup_branch_name
git add *
git commit -am "first backup"
git remote add origin git@github.com:user_name/repository_name.git
git push origin backup_branch_name
这样就大功告成了!
恢复
只要你做了上一步的备份,你就可以在另一台电脑上恢复你的博客,当然这台电脑上要安装上面提到的组件。恢复只需3步:
- 将GitHub Pages对应仓库克隆到本地
git clone git@github.com:user_name/repository_name.git - 进入仓库对应目录,切换到备份分支
git checkout -b backup_branch_name - 安装本地hexo,既执行命令
npm install hexo --save
完成上述3步后,就可以使用hexo的各种命令来写博客、部署博客了。
需要注意的是某些扩展功能会导致恢复过程的出错,比如访问次数的统计功能就会使备份过程出错。后面我会详细说明什么功能对博客的恢复会有影响,又如何解决。

本文介绍如何使用Hexo和GitHubPages搭建一个永久免费的个人博客,涵盖组件安装、本地搭建、主题选择及部署到GitHubPages的全过程。

被折叠的 条评论
为什么被折叠?



