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

44次阅读

共计 866 个字符,预计需要花费 3 分钟才能阅读完成。

前言

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

正文完
 0