GitHub + Hexo搭建本身博客(一) 基本內容

1、基本環境

一、安裝Node.js和配置好Node.js環境

NodeJs安裝（Windows版本）

二、安裝Git和配置好Git環境

Git安裝

2、Hexo安裝

一、在本身認爲合適的地方建立文件夾，並進入

二、安裝Hexo，輸入npm install hexo -g,並檢查是否安裝成功hexo -v

三、初始化文件，輸入hexo init

四、安裝所需組件，輸入npm install

五、生成靜態文件，輸入hexo g 或者 hexo generate

六、啓動本地服務，輸入hexo s 或者 hexo server

若頁面一直沒法跳轉，那麼可能端口被佔用了。此時咱們ctrl+c中止服務器，接着輸入hexo server -p 端口號來改變端口號，例如hexo server -p 5000

七、若能看見以下圖就成功啦

3、建立GitHub倉庫

一、建立項目

注意：項目必需要遵照格式：帳戶名.github.io

二、查看項目

在新建項目的setting設置中，能夠看到GitHub Pages板塊，以下圖說明建立成功，點擊https://帳戶名.github.io/能夠看到本身的博客

4、關聯博客

一、設置Git的user name和email

若是是第一次使用Git須要在Git Base Here 中分別輸入git config --global user.name "用戶名" 及 git config --global user.name "郵箱"

二、建立SSH Key

在用戶主目錄下，看看有沒有.ssh目錄，若是有，再看看這個目錄下有沒有id_rsa和id_rsa.pub這兩個文件，若是已經有了，可直接跳到下一步。

也能夠輸入cd ~/.ssh檢查是否有.ssh文件夾，輸入ls，列出該文件下的內容。下圖說明存在

若是沒有，打開Git Bash，建立SSH Key：

ssh-keygen -t rsa -C "youremail@example.com"

你須要把郵件地址換成你本身的郵件地址，而後一路回車，使用默認值便可，因爲這個Key也不是用於軍事目的，因此也無需設置密碼。

若是一切順利的話，能夠在用戶主目錄裏找到.ssh目錄，裏面有id_rsa和id_rsa.pub兩個文件，這兩個就是SSH Key的祕鑰對，id_rsa是私鑰，不能泄露出去，id_rsa.pub是公鑰，能夠放心地告訴任何人。

三、添加SSH Key

(1).登錄GitHub，打開「settings」，「SSH and GPG Keys」頁面 (2).填上任意Title，在Key文本框裏粘貼id_rsa.pub文件的內容 (3).點「Add Key」，你就應該看到已經添加的Key (4).輸入ssh -T git@github.com，測試添加ssh是否成功。若是看到Hi後面是你的用戶名，就說明成功了

四、配置Deployment

在博客的根目錄文件夾中，找到_config.yml文件

deploy:
  type: git
  repository: git@github.com:Sandop/Sandop.github.io.git
  branch: master

複製代碼

注意： 1.每一個冒號以後必須有空格；2.repository中的用戶名更改成本身的用戶名

五、安裝擴展

在生成以及部署文章以前，須要安裝一個擴展npm install hexo-deployer-git --save

六、生成部署

輸入命令hexo g及hexo d

七、部署成功

部署成功後訪問你的地址：http://用戶名.github.io。那麼將看到本身的博客

5、設置主題

在 Hexo 中有兩份主要的配置文件，其名稱都是 _config.yml。 其中，一份位於站點根目錄下，主要包含 Hexo 自己的配置；另外一份位於主題目錄下，這份配置由主題做者提供，主要用於配置主題相關的選項。

爲了描述方便，在如下說明中，將前者稱爲 站點配置文件， 後者稱爲 主題配置文件。

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

一、安裝 NexT主題

在終端窗口下，定位到 Hexo 站點目錄下。使用 Git checkout 代碼：

git clone https://github.com/iissnan/hexo-theme-next themes/next

二、啓用主題

當 克隆/下載 完成後，打開 站點配置文件， 找到 theme 字段，並將其值更改成 next。

三、查看效果

在切換主題以後、驗證以前， 咱們最好使用 hexo clean 來清除 Hexo 的緩存。 而後在本地查看效果

hexo s -g //生成靜態文件，啓動本地服務

四、同步博客

在本地瀏覽沒有問題以後就能夠同步到博客 執行hexo d

五、訪問個人hexo+github博客

能夠訪問個人git博客來查看效果： sandop.github.io/