使用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的靜態服務器功能。

前端閱讀室

相關文章
相關標籤/搜索