一年前租用的一台服务器到期了,到期之前上面部署的是我自己开发前后端做的一个博客系统,但是忘记进行数据转移了,所以博客暂时无法访问。
于是想到了 Hexo
这个静态博客框架,可以用它来备份博客,以便在服务器出现问题时,有一个临时的站点可以访问。
1 安装
按照官网上的文档,有两种安装方式。
安装命令行工具
npm install -g hexo-cli
使用
hexo
包npm install hexo
npx hexo <command>
我这里使用的是第一种方式,因为第二种方式是提供给 Advanced User
使用的😂
安装完命令行工具之后,就可以在合适的位置运行
hexo init Hexo
其中 Hexo
是博客文件夹,本地博客会放在这个文件夹中。
2 修改配置
博客目录如图所示。
接下来在 _config.yml
中修改博客配置,例如博客的名称、地址、个人简介等。
如果想给博客添加标签栏小图标,可以把图标放在博客根目录下的 source
文件夹中,并改名为 favicon.png
。
注意,timezone
如果要改,一定改成 Asia/Shanghai
3 设置主题
一个好的博客,肯定需要有一个优美的外观。
默认的主题还算比较大气,不过在简洁性上略逊一筹。后面可以根据自己的需要,定制一个 Hexo 主题。
4 一键部署
4.1 安装 hexo-deployer-git
npm install hexo-deployer-git --save
4.2 配置部署规则
在 _config.yml
中,找到 deploy
配置项
deploy:
type: git
repo: ''
branch: gh-pages
message: "Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}"
其中 repo
设置为你的 github
上用来存放博客的仓库地址。
4.3 清理并部署
hexo clean
hexo deploy
清理操作会将之前生成的 public
文件夹删除;部署操作会生成新的 public
文件夹,并且推送到 Github
的 gh-pages
分支。
这样就成功部署了 Hexo
博客。可以使用这样的方式在网络上备份博客内容,若服务器出现故障,可以先使用备用博客顶替。