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

前端阅读室

前言

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

使用github部署静态页面

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

注册github帐号

访问github官网注册一个帐号,该流程和通常网站注册帐号同样,在此不赘述。git

建立一个git仓库

avatar

其余项若是须要能够自主填写,这里只填写仓库名,点击Create repository建立仓库。
avatargithub

提交一个测试页面

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

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

avatar

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

<!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仓库的内容变成了
avatar网站

setting设置

点击setting设置
avatarspa

找到GitHub Pages,点击Choose a theme
avatar3d

直接点击Select theme
avatar

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

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

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

前端阅读室

相关文章
相关标签/搜索