前言
使用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的静态服务器功能。