Hexo + Yilia + Github Pages 部落格搭建

作為一個網際網路技術人員,擁有一個自己的部落格是必不可少的。可以記錄自己平時的感悟,結交各方英雄豪傑。話不多說,直接乾貨。

開發環境:

在win10的Microsoft Store中安裝Ubuntu18。04。

Hexo + Yilia + Github Pages 部落格搭建

部落格框架

搭建一個部落格既可以自己前端後端都搞定,從頭到尾寫一遍,也可以使用一些目前已有的框架進行快速搭建。部落格框架有動態和靜態之分,動態的意思就是有後端,比如說有登入功能;靜態就是一個純前端的直接進行展示的框架。

動態框架有:

WordPress

靜態框架有:

Hexo

Jekyll

Hugo

VuePress

Solo

我們這裡使用Hexo進行部落格搭建,Hexo是一款基於Node。js的靜態部落格框架,使用Markdown解析文章。

安裝Node。js

curl -sL https://deb。nodesource。com/setup_13。x | sudo -E bash -sudo apt-get install -y nodejs

安裝Hexo

npm install -g hexo-cli

新建部落格

mkdir tempcd temphexo init

至此一個最簡單的部落格便搭建好了,部落格目錄下的檔案是這樣的,

以後的shell操作目錄都是在temp下

Hexo + Yilia + Github Pages 部落格搭建

可以使用

hexo s

進行訪問,開啟瀏覽器輸入

localhost:4000

即可訪問

Hexo + Yilia + Github Pages 部落格搭建

主題

現在我們已經搭建好了自己的部落格,現在我們對他進行自定義修改,替換掉它的預設主題,換成目前比較流行的主題Yilia,當然也可以去挑選其他主題

1。首先獲取Yilia主題,並將它放置在

themes

資料夾下

git clone https://github。com/litten/hexo-theme-yilia。git 。/themes/yilia

對部落格配置檔案

_config。yml

進行修改,將

theme: landscape

修改為

theme: yilia

,記住,冒號後需跟一空格

2。然後進行編譯

hexo clhexo ghexo s

開啟localhost:4000

外網訪問

目前我們的部落格還只能在本地進行檢視,如何將部落格部署到遠端,一個方法是自己搭個伺服器,或者買個雲伺服器,這個花錢的我們以後介紹。下面介紹一種免費的方式—Github Pages。

建立Github Repository首先需要登入自己的Github賬號,並新建一個repository,記住

Repository name

必須填為

Owner。github。io

,然後點建立即可。

Hexo + Yilia + Github Pages 部落格搭建

配置本地檔案到Github首先安裝外掛

npm install hexo-deployer-git ——save

然後編輯

_config。yaml

,修改

deploy

deploy: type: git repository: https://github。com/zengruizhao/zengruizhao。github。io。git# 這裡進行替換 branch: master

釋出部落格

hexo clhexo ghexo d

這邊會讓我們輸入Github的賬號密碼,為了防止以後每次

hexo d

都要輸入密碼,這邊進行設定,這樣只要第一次輸入賬號密碼即可。

git config ——global credential。helper store

那麼現在你可以直接開啟網址

Owner。github。io

就可以進行查看了。

繫結個人域名

怎麼,嫌這個網址太長?沒關係,我們可以繫結我們自己的域名,只要花點錢去買個域名就行,我在騰訊雲購買了一個域名

darlewo。cn

Hexo + Yilia + Github Pages 部落格搭建

Hexo + Yilia + Github Pages 部落格搭建

進入域名管理-解析,按照如上圖所示進行新增記錄,其中記錄值填為你的

Owner。github。io

的IP,IP的獲取你可以在Windows PowerShell 中ping一下你的

Owner。github。io

Hexo + Yilia + Github Pages 部落格搭建

然後進入你的Github repository 中新建一個檔案CNAME,並在裡面填入你申請的域名即可。

Hexo + Yilia + Github Pages 部落格搭建

然後你就可以直接輸入你自己的域名進行訪問了!

結尾

第一篇部落格就是想簡單的記錄一下自己搭建部落格的一個過程。當然這只是第一步,之後會繼續更新部落格的個性化製作,透過一些外掛來更好地完善我們的部落格。