使用hexo和github搭建静态博客网站一

jiezi

5 年前

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

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

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

其他项如果需要可以自主填写，这里只填写仓库名，点击 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 设置

找到 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 的静态服务器功能。

前言