前言
那啥我覺的這東西五分鐘搞不定，所以五分鐘學不會，首先聲明啊，我也是頭一次自己搭，大概花了 1+1.5+2=4.5（單位：小時）我大概花了，這么久，用實踐證明，五分鐘搭建都是在搞笑，好了，我之前說的，搭博客的目的是什么，哈哈，其實我覺得就倆字（zhuang bi），不過好在整完了，也挺值得的，你可以安按照我的思路安裝，不保證一定成功，因為可能有亂碼七招的錯誤，我這里把我的錯誤列出來，供你參考
搭建分為三種：
1.本地搭建
2.利用github搭建
3.個性域名搭建
那么分別來說一下這三種
一、本地博客的搭建
先看一下完成之后的樣子吧，模樣如果不喜歡可以換主題
大概就是這樣，感覺很好，哈哈哈，反正我很滿意
那么我們來說說具體步驟
1.Github賬號
- 你需要一個github的賬號來存儲代碼，如果有就跳過這步，如果沒有就往下看創(chuàng)建一個
- 進入github官網，點擊 sign up
Github.JPG
然后按照要求填寫需要的東西，總共需要三步，按照數字來就行
Github2.JPG
2.創(chuàng)建倉庫
好了到了這步你應該就有一個github賬號了，我們需要創(chuàng)建一個新的倉庫來存儲我們的代碼和配置
- 先登錄github
-
按順序選擇
Github3.JPG
這里有個需要注意的，**倉庫的名字一點是，你的用戶名加上 .github.io，這樣的話會自動生成一個靜態(tài)空間。
usernam.github.io #用戶名替換成你的用戶名
3.安裝工具
接下來就需要正式的安裝需要的工具的了
需要的東西一共有三個，分別是 Git，Nodejs，Hexo
安裝比較簡單，直接給出官方鏈接
安裝Hexo,在CMD控制臺或者Git里輸入
npm install -g hexo-cli
出現(xiàn)這個說明安裝成功
4.生成博客
東西都準備齊了，下面我們來生成博客
- 需要創(chuàng)建一個方博客的文件夾
- 在該文件夾下進入CMD控制臺
- 初始化博客
hexo init
- 生成博客
hexo g #或許寫成hexo generate
- 開啟服務
hexo s #hexo server
然后打開瀏覽器，輸入 localhost:4000 就可以瀏覽生成的博客了
- 注意
在生成時候可能有這么幾個問題給你列出來一下
1.hexo s 啟動服務后 打開localhost:4000 無響應的問題
2.打開網頁顯示白板和Cannot GET /
3.Hexo常見問題解決方案
4.還有個問題我遇到了，但是這里面沒有，我給你說下
執(zhí)行hexo s 時候出現(xiàn)
Usage: hexo<Command>
.......................
出現(xiàn)這個的原因是沒有，本地服務也就是server沒有安裝，解決辦法就是安裝一下就好
npm install hexo-server --save
出現(xiàn) hexo-server@0.1.2 node_modules/hexo-server
表示安裝成功，在次執(zhí)行
hexo s
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
這時候就可以訪問了，如果還有錯誤，建議看看我上面的鏈接，里面幾乎都有
那么如果一切正常的話，我們的本地的博客基本就完事了，接下來我們來把博客布置到Github上
二、布置博客到Github上
1.安裝deployer
類似于github上的Git，提交用的
npm install hexo-deployer-git --save
2.配置_config.yml
打開_config.yml，找到deploy字段，這里面正常一共有四個東西
type: git
repo: git倉庫項目地址
branch: 分支
message: 自定義提交說明，這個字段可以沒有
大概就是這樣子，按照我的樣子改就行
3.配置免密登陸，并發(fā)布到GitHub上
- ssh-keygen #生成ssh文件
-
在本地找到 .ssh文件夾（一般是在管理員用戶下）
ssh.JPG -
打開id_rsa.pu，復制里面的內容，登陸你的github
ssh2.JPG
title：填你自己能分別的就行
key:里填你剛才復制的內容
測試一下是否成功
ssh -T git@github.com
Hi username! You've successfully authenticated, but GitHub does not provide shell access.
顯示這句話就說明，你的ssh沒有問題，已經設置成功，如果讓你輸入yes/no 直接輸入yes就好
- 設置賬號信息
git config --global user.name "你的名字" #真實名字不是github用戶名
git config --global user.email "郵箱@郵箱.com" #github郵箱
- 提交到github
hexo c
hexo g
hexo d
輸入這倆命令，提交到github，這只是提交public文件夾
這里說一下hexo常用命令
hexo new "name" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #在public目錄生成靜態(tài)頁面
hexo server #開啟本地服務（默認端口4000，'ctrl + c'關閉）
hexo deploy #將目錄部署到GitHub
hexo help # 查看幫助
hexo version #查看Hexo的版本
命令的簡寫
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
說了這么多，這里面有一個很總要的文件叫_config.yml（全局配置文件）里面寫入了所有的配置信息，我們來所一下里面的內容都代表什么意思
1.Site字段
title：網站標題
subtitle：網站副標題
description：網站描述
author：您的名字
language：網站使用的語言
timezone：網站時區(qū)。Hexo 默認使用電腦的時區(qū)
2.URL字段
url：網址
root：網站根目錄
permalink：文章的永久鏈接格式
permalink_defaults：永久鏈接中各部分的默認值
3.Directory（關于文件夾內容的描述，默認值是文件夾的名字，這塊一般不用改）
source_dir：資源文件夾
public_dir：公共文件夾，主要存放站點文件
tag_dir：標簽文件夾
archive_dir：歸檔文件夾
category_dir：分類文件夾
code_dir：Include code 文件夾
i18n_dir：國際化（i18n）文件夾
4.Writing
new_post_name：新文章的文件名稱
default_layout：預設布局
auto_spacing：在中文和英文之間加入空格
titlecase：把標題轉換為 title case
external_link：在新標簽中打開鏈接
filename_case：把文件名稱轉換為 (1) 小寫或 (2) 大寫
render_drafts：顯示草稿
post_asset_folder：啟動Asset 文件夾
relative_link：把鏈接改為與根目錄的相對位址
future：顯示未來的文章
highlight：代碼塊的設置
5.Category & Tag（分類 & 標簽）
default_category：默認分類
category_map：分類別名
tag_map：標簽別名
6.Date / Time format（日期 / 時間格式）
date_format：日期格式
time_format：時間格式
7.Pagination（分頁）
per_page：每頁顯示的文章量 (0 = 關閉分頁功能)
pagination_dir：分頁目錄
8.Extensions（擴展）
theme：當前主題名稱。值為false時禁用主題，deploy：部署部分的設置
更換主題
個性域名的創(chuàng)建
如果你完成了，前兩步，這步就簡單了，你可以選擇整，也可以就是使用 .github.io
分為三步：
- 購買域名
你需要購買一個域名，來更換你的原來的域名，這里推薦Godaddy，體驗很棒！
幾家域名注冊服務商的比較
- 設置DMS解析
這不是一個一定要整的，因為Godaddy是國外的廠商，解析速度可能會有些慢，原因你懂！所以DNSPod的DNS解析服務，已經奔騰訊收購，微信就可以登錄，很方便！
- 創(chuàng)建CNAME文件
這是為了讓，github能接收你的域名，該文件放在source目錄下（不要帶txt后綴），例如我的里面就寫了這么一句話 thirteenwang13.github.io 不要帶其他的東西
最后在域名解析的選項卡里，添加這么兩條東西一個主機記錄寫@，另一個寫www，這樣無論用戶輸入www.thirteenwang13.com還是只輸入 thirteenwang13.com都可以直接定位到我的網站了，記錄值放自己的GitHub Pages地址。
后記
呼，本來我在網上看了教程，以為挺簡單的，后來自己實際做的時候，發(fā)現(xiàn)真不是這么回事，情況不一樣就會出現(xiàn)各種奇怪的東西，難受，不過好在最后整完了，我設置設置里面的資源啥的就可以愉快的玩（zhuang）耍（bi）了，開心！
慣例hexo官方文檔 和hexo官網
