快用Hexo+GitHub 搭建屬於本身的博客吧～

準備工做：

• 註冊我的 GitHub 帳號【 github.com/ 】
• 安裝 node.js、npm，並瞭解相關基礎知識
• 安裝 Git，並瞭解相關基礎知識

1、在 GitHub 創建博客倉庫

一、打開 GitHub ，點擊右上角的加號，選擇 New repository 建立新的倉庫。

二、在 Repository name 這裏填【 你的用戶名.github.io 】，好比個人就是 mykepler.github.io，而後點擊 Create repository ，你就建好了一個存放博客的 GitHub 倉庫。

2、配置SSH Keys

一、生成 SSH Keys

ssh-keygen -t rsa -C "Github的註冊郵箱地址"
複製代碼

而後一路回車。若是你是 Windows 用戶，你會在你的 C:\Users\admin.ssh 裏找到 id_rsa 和 id_rsa.pub 兩個文件，用記事本打開 id_rsa.pub 文件，複製裏面的 SSH Keys；若是你是 Mac 用戶，直接在終端 使用 pbcopy < ~/.ssh/id_rsa.pub 拷貝 SSH Keys。

二、配置 SSH Keys

進入設置頁面，選擇 SSH and GPG keys。

點擊 New SSH key 按鈕，進入下圖頁面，輸入標題（隨意取名）和 SSH Keys 👇

3、安裝並配置 Hexo

官網： hexo.io/zh-cn/

一、新建一個文件夾，用於存放博客。

二、打開終端，進入此文件夾的目錄下，而後開始安裝 Hexo。

npm install -g hexo-cli
複製代碼

安裝好 Hexo 後，輸入：

hexo
複製代碼

若是出現下圖，就說明你的 Hexo 安裝成功了。

4、博客初始化

// 創建一個博客文件夾，並初始化博客，<folder>爲文件夾的名稱
hexo init <folder>
// 進入博客文件夾，<folder>爲文件夾的名稱
cd <folder>
// node.js的命令，根據博客既定的dependencies配置安裝全部的依賴包
npm install
複製代碼

安裝完成後，你的文件夾會變成下圖這樣👇

這裏的 _config.yml 是你的站點配置文件，你能夠打開它修改你的站點信息（每一個：後面都有一個空格） repo 中填入你的倉庫地址。

url: http://yoursite.com 把這個改爲你的github地址（例如：http://myKepler.github.io）

deploy:
  type: git
  repo: git@github.com:myKepler/myKepler.github.io.git
  branch: master
複製代碼

5、第一篇文章

一、新建文章

hexo new "文章標題"
複製代碼

新建的 markdown 文件會在 source/_posts 中，文章寫在這個 markdown 文件中。文章標題、文章編輯時間、標籤、分類等信息都可以手動修改。

博客裏面的標籤、分類會根據你的命名自動生成和更新。

二、文章本地預覽

//在Hexo 3.0 後server被單獨出來了，須要安裝server
npm install hexo-server --save
hexo s
複製代碼

在瀏覽器中輸入 http://localhost:4000 ，你就能看到本身的博客了。

6、博客發佈

npm install hexo-deployer-git --save
hexo g
hexo deploy
複製代碼

發佈成功後，可在你的 GitHub 上看到博客的編譯文件。博客地址： xxxxxxx.github.io 🌟

7、主題修改

默認主題 landscape 是比較醜陋的👇

能夠在 官網主題模塊 選擇喜歡的主題。

推薦主題：

• hexo-theme-jekyll
• hexo-theme-yilia
• hexo-theme-next

// 主題下載
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
複製代碼

修改 _config.yml 中的 theme: landscape 改成 theme: yilia ，而後從新執行 hexo g 就能夠更換主題啦～

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

8、綁定域名

若是不想用 xxxxxxx.github.io 做爲博客地址，那能夠選擇綁定域名。

一、添加CNAME 在博客站點的 source 文件夾下新建一個 CNAME 文件 【 注意：CNAME無後綴名 】

CNAME文件中只需寫入一行便可，假設域名爲 xxxx.com ，那就打開文件寫入如下內容，而後保存。

xxxx.com
複製代碼

二、申請域名

• 在騰訊雲/阿里雲上買個域名
• 實名認證
• 添加域名解析記錄

主機記錄	記錄類型	線路類型	記錄值	MX優先級	TTL（秒）	最後操做時間
@	CNAME	默認	xxxxxxx.github.io	-	3600	-

三、耐心等待解析生效 ✌️