Hexo GitHub搭建個人博客

Hexo GitHub搭建個人博客

概況

為何使用Hexo呢?Hexo非常強大而且免費開源,作為程式員怎麼能不使用它呢。

環境配置

之前我們已經講到,安裝好了Node.js和GitHub了。
現在我們就使用Node.js生成靜態頁面吧

安裝配置Hexo

首先在本地的磁盤上新建一個檔案hexo,用來把hexo生成的靜態頁面存放到那裡。然後右鍵打開Git Bush,輸入下面的命令

$ npm install hexo-cli -g

本人輸入完之後,發生錯誤,結果網上查了一下,發現有兩種情況。

  • 其一、Node.js版本太低,建議升級。把之前舊版本的Node.js卸載掉,重裝最新版本(本人不是這個問題);
  • 其二、是因為之前使用命令安裝失敗,結果再次重裝失敗,建議清除緩存,輸入以下命令;
    1
    $ npm cache clean

結果成功了

安裝靜態頁面

1
$ hexo init

安裝依賴包

1
$ npm install

現在我們已經搭建起本地的hexo博客了,執行以下命令(在D:\hexo)我的在D盤,然後到遊覽器輸入localhost:4000看看。

1
2
$ hexo generate
$ hexo server

好了,至此,本地博客已經搭建起來了,只是本地哦,別人看不到的。下麵,我們要部署到Github。

部署

編輯_config.yml(在D:\hexo下)。你在部署時,要把下麵的username都換成你的帳號名。
在文件最後插入以下配置

1
2
3
4
deploy:
type: github
repository: https://github.com/username/username.github.io.git
branch: master

創建repository
創建repository上一節我我已經講過,詳情去看看上一節。
比如現在我的GitHub帳號是auhanjie,auhanjie.github.io
千萬要按照這個來命名,獨一無二的,要不然的話,是訪問不了的。

执行下列指令即可完成部署。

1
2
3
deploy:
$ hexo generate
$ hexo deploy

也可以

1
2
3
deploy:
$ hexo g
$ hexo d

建議部署前清理一下
輸入以下命令

1
2
deploy:
$ hexo clean

成功,我們的博客已經在GitHub部署起來了,那麼在遊覽器輸入你的域名username.github.io開展你的博客之旅吧。

# Hexo
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×