阅读 223

记录 | Hexo 博客搭建

一年前租用的一台服务器到期了,到期之前上面部署的是我自己开发前后端做的一个博客系统,但是忘记进行数据转移了,所以博客暂时无法访问。

于是想到了 Hexo 这个静态博客框架,可以用它来备份博客,以便在服务器出现问题时,有一个临时的站点可以访问。

1 安装

按照官网上的文档,有两种安装方式。

安装命令行工具 npm install -g hexo-cli

使用 hexonpm install hexo npx hexo <command>

我这里使用的是第一种方式,因为第二种方式是提供给 Advanced User 使用的😂

安装完命令行工具之后,就可以在合适的位置运行

hexo init Hexo
复制代码

其中 Hexo 是博客文件夹,本地博客会放在这个文件夹中。

2 修改配置

image-20210526133849169

博客目录如图所示。

接下来在 _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 文件夹,并且推送到 Githubgh-pages 分支。


这样就成功部署了 Hexo 博客。可以使用这样的方式在网络上备份博客内容,若服务器出现故障,可以先使用备用博客顶替。

文章分类
前端
文章标签