前言

使用hexo+github可以免费、快速地搭建一个静态博客网站,并且使用hexo提供的命令以及git自身的功能可以很便捷地管理博客。

使用github部署静态页面

在了解hexo之前,我们先看看如何使用github部署静态页面。

注册github账号

访问github官网注册一个账号,该流程和一般网站注册账号一样,在此不赘述。

创建一个git仓库

其他项如果需要可以自主填写,这里只填写仓库名,点击Create repository创建仓库。

提交一个测试页面

执行git clone命令将仓库克隆到本地

git clone git@github.com:mfaying/hexo-test.git

向hexo-test仓库提交一个测试的html页面,命名为index.html,内容如下:

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>hexo test</title></head><body>  hexo test</body></html>

提交并推到远端

git add .git commit -m 'add index.html'git push origin master

提交成功以后,hexo-test仓库的内容变成了

setting设置

点击setting设置

找到GitHub Pages,点击Choose a theme

直接点击Select theme

此时你会发现GitHub Pages发生了变化,Your site is ready to be published at https://mfaying.github.io/hexo-test/说明你的静态网站已经建成了。

直接点击https://mfaying.github.io/hex... 访问便会出现如下内容,静态服务器默认会访问index.html文件。

至此,我们成功地使用github搭建了一个静态网站。当然啦,这个网站几乎没有什么内容,所以接下来我们将使用hexo搭建一个功能完备的博客网站,但是部署方法就是这里介绍的github的静态服务器功能。