使用Hexo+GitHub搭建免費我的博客

博主GitHub博客地址:https://joeybling.github.io/

聯繫QQ:2434387555

此博客的全部操做都在Linux上完成

1.前言

使用github pages服務搭建博客的好處有：

1. 全是靜態文件，訪問速度快；
2. 免費方便，不用花一分錢就能夠搭建一個自由的我的博客，不須要服務器不須要後臺；
3. 能夠隨意綁定本身的域名，不仔細看的話根本看不出來你的網站是基於github的；
4. 數據絕對安全，基於github的版本管理，想恢復到哪一個歷史版本都行；
5. 博客內容能夠輕鬆打包、轉移、發佈到其它平臺；
6. 等等；

1.1. 準備工做

1. 有一個github帳號，沒有的話去註冊一個；
2. 安裝了node.js、npm，並瞭解相關基礎知識；

傳送門:

Linux上安裝node和npm

本文所使用的環境：

Centos 6.5Final@64Bit
NodeJs@v8.11.1
hexo@3.2.2

2.搭建GitHub博客

2.1. 建立倉庫

建一個名爲你的用戶名.github.io的倉庫，好比說，若是你的github用戶名是test，那麼你就新建test.github.io的倉庫（必須是你的用戶名，其它名稱無效），未來你的網站訪問地址就是 http://test.github.io 了，是否是很方便？
幾個注意的地方：
1. 註冊的郵箱必定要驗證，不然不會成功；
2. 倉庫名字必須是：username.github.io，其中username是你的用戶名；
3. 倉庫建立成功不會當即生效，須要過一段時間，大概10-30分鐘，或者更久，個人等了半個小時才生效；

2.2. 綁定域名

固然，你不綁定域名確定也是能夠的，就用默認的 xxx.github.io 來訪問，若是你想更個性一點，想擁有一個屬於本身的域名，那也是OK的。

綁定域名分2種狀況：帶www和不帶www的。

域名配置最多見有2種方式，CNAME和A記錄，CNAME填寫域名，A記錄填寫IP，因爲不帶www方式只能採用A記錄，因此必須先ping一下你的用戶名.github.io的IP，而後到你的域名DNS設置頁，將A記錄指向你ping出來的IP，將CNAME指向你的用戶名.github.io，這樣能夠保證不管是否添加www均可以訪問，以下：

而後到你的github項目根目錄新建一個名爲CNAME的文件（無後綴），裏面填寫你的域名，加不加www看你本身喜愛，由於經測試：

1. 若是你填寫的是沒有www的，好比 mygit.me，那麼不管是訪問 http://www.mygit.me 仍是 http://mygit.me ，都會自動跳轉到 http://mygit.me
2. 若是你填寫的是帶www的，好比 www.mygit.me ，那麼不管是訪問 http://www.mygit.me 仍是 http://mygit.me ，都會自動跳轉到 http://www.mygit.me
3. 若是你填寫的是其它子域名，好比 abc.mygit.me，那麼訪問 http://abc.mygit.me 沒問題，可是訪問 http://mygit.me ，不會自動跳轉到 http://abc.mygit.me

另外說一句，在你綁定了新域名以後，原來的你的用戶名.github.io並無失效，而是會自動跳轉到你的新域名。

3.使用hexo寫博客

3.1. 安裝hexo

# npm install -g hexo-cli
 # 作個軟連接
 # cd /usr/local/bin
 # 這是是你的Node解壓安裝的路徑
 # ln -s /opt/node-v8.11.1-linux-x64/bin/hexo

3.2. 初始化

在某個地方新建一個名爲hexo的文件夾

# mkdir -p /workspaces/hexo
# cd /workspaces/hexo/
# hexo init

目錄結構以下圖:

# hexo g # 生成
# hexo s # 啓動服務

打開瀏覽器訪問 http://IP:4000 便可看到內容 以下:

3.3. 修改主題

有哪些好看的 Hexo 主題？ 傳送門:https://www.zhihu.com/question/24422335
我的比較喜歡的 https://github.com/litten/hexo-theme-yilia

# cd /workspaces/hexo/themes/
# yum install -y wget
# wget https://codeload.github.com/litten/hexo-theme-yilia/zip/master
# yum install -y unzip
# unzip master
# mv hexo-theme-yilia-master/ yilia
# ll

下載後的主題都在這裏：

修改_config.yml中的theme: landscape改成theme: yilia，而後從新執行hexo g來從新生成。

若是出現一些莫名其妙的問題，能夠先執行hexo clean來清理一下public的內容，而後再來從新生成和發佈。

# yum install -y vim
# 修改_config.yml中的theme: landscape改成theme: yilia
# vim /workspaces/hexo/_config.yml
# 從新生成
# hexo g
# hexo s

3.4. 上傳到GitHub

上傳public 文件夾裏全部的文件 ，能夠拷貝出來使用git上傳到GitHub

3.5. 經常使用hexo命令

常見命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成靜態頁面至public目錄
hexo server #開啓預覽訪問端口（默認端口4000，'ctrl + c'關閉server）
hexo deploy #部署到GitHub
hexo help  # 查看幫助
hexo version  #查看Hexo的版本

縮寫：

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

組合命令：

hexo s -g #生成並本地預覽
hexo d -g #生成並上傳

3.6. _config.yml

這裏面都是一些全局配置，每一個參數的意思都比較簡單明瞭，因此就不做詳細介紹了。

須要特別注意的地方是，冒號後面必須有一個空格，不然可能會出問題。

3.7. 寫博客

定位到咱們的hexo根目錄，執行命令：

# hexo new 'my-first-blog'

hexo會幫咱們在_posts下生成相關md文件：

咱們只須要打開這個文件就能夠開始寫博客了，默認生成以下內容：

固然你也能夠直接本身新建md文件，用這個命令的好處是幫咱們自動生成了時間。

通常完整格式以下：

---
title: postName #文章頁面上的顯示名稱，通常是中文
date: 2013-12-02 15:30:16 #文章生成時間，通常不改，固然也能夠任意修改
categories: 默認分類 #分類
tags: [tag1,tag2,tag3] #文章標籤，可空，多標籤請用格式，注意:後面有個空格
description: 附加一段文章摘要，字數最好在140字之內，會出如今meta的description裏面
---

如下是正文

推薦一個在線寫博客工具 http://pandao.github.io/editor.md/

Tips:如何讓博文列表不顯示所有內容

默認狀況下，生成的博文目錄會顯示所有的文章內容，如何設置文章摘要的長度呢？

答案是在合適的位置加上

<!-- more -->

便可，例如：

# 前言

使用github pages服務搭建博客的好處有：

1. 全是靜態文件，訪問速度快；
2. 免費方便，不用花一分錢就能夠搭建一個自由的我的博客，不須要服務器不須要後臺；
3. 能夠隨意綁定本身的域名，不仔細看的話根本看不出來你的網站是基於github的；

<!--more-->

4. 數據絕對安全，基於github的版本管理，想恢復到哪一個歷史版本都行；
5. 博客內容能夠輕鬆打包、轉移、發佈到其它平臺；
6. 等等；

最終效果：