由于頭條的文章不易后續整理閱讀，于是小吳昨天上午花了半個小時使用 GitHub + Hexo 搭建了一下個人博客，打算將頭條的文章搬過去，支持關鍵字搜索、分類標簽功能。效果是下面這樣子的

結果后臺好多小伙伴挺好奇博客是怎么搭建的，實際上這個挺簡單的，小吳就從零開始分享一波如何搭建一個酷炫免費的個人博客吧，如果已經有博客的小伙伴可以留言一波網站地址：）

GitHub創建個人倉庫

登錄到 GitHub ，如果沒有 GitHub 帳號，請使用你的郵箱注冊 GitHub 帳號：

注冊

登錄成功之后，點擊 GitHub 中的 New repository 創建新倉庫，倉庫名應該為：用戶名 .github.io 。這里用戶名使用你的 GitHub 帳號名稱代替，這是固定寫法。

創建新倉庫

ps: 因為我已經注冊了同名倉庫，因此第二次創建時會報錯。

我的倉庫名為：

倉庫名

Git管理

Git 是目前世界上最先進的分布式版本控制系統（沒有之一）。這是使用 Git 的目的是為了將我們的網站從本地提交上服務器（GitHub）上面去。我認為 Git 操作是程序員應該具備的一個基本操作，具體的 Git 操作細節可以查看廖雪峰的教程，講的十分詳細

git教程

安裝好 Git 后，只需要進行下面的配置即可。

配置信息

在終端進行操作，設置 user.name 和 user.email 配置信息，我這里設置為全局。

1git config –global user.name “你的GitHub用戶名”2git config –global user.email “你的GitHub注冊郵箱”生成密鑰

通過注冊的郵箱生成 ssh 密鑰文件：

1ssh-keygen -t rsa -C “你的GitHub注冊郵箱”然后直接三個回車即可，默認不需要設置密碼。最后得到了兩個文件：id_rsa和id_rsa.pub。

拷貝密鑰

拷貝密鑰

打開 id_rsa.pub 文件，將里面的內容全部復制。

內容全部復制

粘貼到GitHub

GitHub SSh

添加新的 SSH

測試GitHub SSH

添加好 SSH Key后，進行測試。

1ssh -T git@github.com你將會看到：

1The authenticity of host 'github.com (207.97.227.239)' can't be established.2RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.3Are you sure you want to continue connecting (yes/no)?選擇 yes

1Hi MisterBooo! You've successfully authenticated, but GitHub does not provide shell access.

ssh -T

如果看到Hi后面是你的用戶名，就說明成功了。

安裝Node.js

Hexo 基于 Node.js，因此需要先安裝 Node.js，你可以在這里進行對應電腦版本的下載：/

Node.js下載

你也可以通過命令行進行安裝：

cURL:

1$ curl :

1$ wget -qO- 。

1$ nvm install stableHexo安裝

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。

所有必備的應用程序安裝完成后，即可使用 npm 安裝 Hexo。

1$ npm install -g hexo-cliHexo使用

安裝好 Hexo 后，馬上就能使用了。首先初始化博客，輸入：

1$ hexo init myBlog

接下來，進入文件夾 myBlog,輸入

1$ hexo s

然后，打開瀏覽器輸入地址：

1localhost:4000

hexo網站

執行到這里事實上博客就已經搭建好了，接下來就是去完善它。

注意：下面的命令都是在 myBlog文件里進行操作的。

添加文章

添加文章

1.直接導入文章

你可以將你平時寫的文章直接導入到 _posts 文件夾里，注意文章類型得是 md格式。

2.寫新文章

你可以執行下列命令來創建一篇新文章。

1$ hexo new [layout] title你可以在命令中指定文章的布局（layout），默認為 post，可以通過修改 _config.yml 中的 default_layout 參數來指定默認布局。

寫新文章

這樣在 _posts 文件夾里也生成了一篇新的文章。

新的文章

生成網頁

使用 Hexo 生成靜態文件快速而且簡單。

1$ hexo generate你也可以簡寫成

1$ hexo g

生成文章

啟動服務預覽文章

輸入以下命令以啟動服務器，你的網站會在 ?會監視文件變動并自動更新，無須重啟服務器。

1$ hexo server你也可以簡寫成

1$ hexo s如果你想要更改端口，或是在執行時遇到了 EADDRINUSE 錯誤，可以在執行時使用 -p 選項指定其他端口，如下：

1$ hexo server -p 5000

查看文章

網站

小總結

1hexo new “我的博客文章” #新建文章1hexo generate #生成網頁1hexo server #啟動服務預覽這三個命令依次就是新建一篇博客文章、生成網頁、在本地預覽的操作。

部署

Hexo 提供了快速方便的一鍵部署功能，只需一條命令就能將網站部署到服務器上。

1$ hexo deploy你也可以簡寫成

1$ hexo d在開始之前，必須先在 _config.yml 中修改參數，一個正確的部署配置中至少要有 type 參數，例如：

1deploy:2 type: git

config

在_config.yml中進行修改。

這一步的目的是將 Hexo 與 GitHub 進行關聯。

配置好后通過

1$ hexo d命令，稍等片刻，網站就已經部署好了，可以在瀏覽器輸入你的GitHub名稱.github.io，這樣一個免費的博客就已經搭建好了。

Hexo 主題

hexo 默認的主題可能顯得有點呆板，你可以在 中進行主題修改就好了。

經過一個小時的主題篩選，我選擇了hexo-theme-matery 這款主題。通過/文檔說明，經過簡單的配置，效果就出來了！

一般大佬們提供的主題都會提供文檔說明，按照說明進行簡單的設置就能擁有一個酷炫的頁面了。

Markdown 寫作

Markdown是一種可以使用普通文本編輯器編寫的標記語言，通過簡單的標記語法，它可以使普通文本內容具有一定的格式。

世面上支持 Markdown 語法的編輯器不勝枚舉，選擇起來十分困難，小吳在這里推薦 Typora 這款 Markdown 寫作軟件。

Typora 是一款免費的 MD 編輯器，它是優雅簡潔與強大開放的完美結合體。

官網直達

Image

選擇 Typora 一個最主要的原因是它對圖片的良好支持。

在 Mac 上安裝好 iPic 后 ，并在設置中將圖片插入修改為 通過 iPic 上傳 ，快捷鍵是 control + command + i ，就可以十分快捷優雅地完成圖片插入。強調一點：圖床使用默認的微博圖床即可，建議不要折騰。

這樣，每次寫作時，將圖片拖入到 Typora 里，圖片就能自動上傳到圖床上。

總結

申請 GitHub 賬號在 GitHub 上創建倉庫配備 Git ，同時將 SSH Key 提交到 GitHub 上安裝 Node.js安裝 Hexo安裝 Hexo 主題使用 Markdown 軟件寫文章希望這篇文章能幫到想寫博客卻還沒付諸行動的人，畢竟擁有一個免費且酷炫的博客還是挺簡單還挺好玩的：）

本文完。