我的第一篇博客从使用Hexo搭建博客开始

Hexo是一款快速、简洁且高效的博客框架,用它来搭建自己的个人博客是一个不错的选择。这篇文章主要介绍我是如何使用该框架来搭建自己的个人博客。

Hexo安装及相关配置

安装

Hexo安装很简单,macwindows都有详细的安装教程,这里提供一个hexo官方详细的安装教程链接

打开本地终端,然后执行以下命令,初始化工作目录

1
2
3
$ hexo init <folder-path>
$ cd <folder-path>
$ npm install

执行完以上命令之后,工作目录就初始化完成了。

配置

进入工作目录会发现有一个_config.yml的文件,配置就是在这个文件中添加和修改的。

这里简单介绍一下几个常用的参数:

参数名 描述
title 网站标题
subtitle 网站副标题
description 网站描述
author 你的名字
language 网站使用的语言,例如zh-Hans就是指中文
timezone 网站时区,例如Asia/Shanghai就是指上海时区
theme 网站主题,使用之前需要先安装
avatar 你的头像
favicon 网页tag的小图标

这些知识简单介绍一下,具体的配置说明详见Hexo官方配置说明

Hexo主题Next安装及相关配置

安装

打开终端,执行如下命令:

1
2
$ cd <folder-path>
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

命令执行完成之后,编辑_config.yml文件,将theme参数的修改成next

然后执行如下命令,清除Hexo缓存:

1
$ hexo clean

配置

Next主题也有很多配置参数,这里我还是简单介绍一些常用的:

参数名 描述
scheme 外观配置,支持三种(Muse,Mist,Pisces
language 网站语言,和Hexo中的类似
menu 菜单配置

具体的配置说明详见Next官方配置说明

将网站托管到github上

创建仓库

github中创建一个仓库这里就不详细说明了,把几点注意事项说明一下:

  • 仓库必须是public的
  • 仓库名称要以yourname.github.io的格式命名
  • 将本地机器的公钥添加到你的github中

关联本地网站到github仓库中

Hexo的配置文件_config.yml中修改如下配置:

1
2
3
4
deploy:
type: git
repository: <你的github新建的仓库地址>
branch: master

修改完成之后,我们可以打开终端执行如下命令:

1
2
3
$ hexo clean
$ hexo g
$ hexo d

将网站部署到github中。

部署完成之后你可以通过访问 https://yourname.github.io 地址,如果能够访问,说明你在本地配置好的网站已经成功部署到github中了。

如何对本地网站进行版本控制

进过如上步骤之后你的网站已经成功部署到github中了,但是如果对你的网站进行版本控制呢?

我是参考利用git解决hexo博客多PC间同步问题这篇博客的做法:
利用oschina的私有仓库来进行版本控制,在网站工作根路径下将该目录重新初始化成本地git仓库,然后将本地仓库提交到oschina的私有仓库中。

小伙伴,如果您觉得文章还不错,欢迎您的支持,我会继续努力创作!