Mac上基於hexo+GitHub搭建個人博客(一)


原文地址: http://fanjiajia.cn/2018/11/23/Mac上基於hexo+GitHub搭建個人博客(一)/#more

之前一直使用博客園和簡書,但是博客園太復雜,而簡書雖然很簡單,但是沒什么新鮮感,偶然得知hexo+github可以搭建自己的博客,主要是可以自己定主題,還很simple,因此,找了個時間,自己搞了一下,感覺還可以,就自己弄了一個。

1 環境配置

Hexo官網上有搭建文檔!

1.1 安裝Node.js

Node.js是一個Javascript運行環境,用來生成靜態界面,到Node.js官網上下載相應的版本即可,我搭建時v8.11.1 LTS,傻瓜式一路安裝!

1.2 Git

mac系統自帶Git

2. 安裝Hexo

2.1 安裝Hexo

當前兩步准備好了之后,就可以使用命令安裝了,打開終端輸入命令:

$ sudo npm install -g hexo

這個地方一開始出現rollbackFailedOptional,好像是什么Failed,正當我去百度的時候,再回頭,居然在開始安裝了,懵逼!

2.2 本地初始化操作

cd 到你想安裝的目錄,比如我選的Documents下,執行hexo init命令

$ hexo init iblog

iblog 是我建立的文件夾名稱,cd到iblog文件夾下,執行安裝npm 命令:

$ npm install

開啟hexo服務器:

$ hexo s

此時終端出現
本地啟動
指示我們的服務器已經開始跑起來了,在瀏覽器中輸入網址:http://localhost:4000/即可看到如下界面
本地打開后的頁面
此時說明本地已經設置好了!,接下來開始關聯GitHub。

3 關聯Github

首先New repository 以下,創建一個新的倉庫,注意倉庫名稱為固定寫法用戶名.github.io,比如我的為Numen-fan.github.io,如下圖所示:
新建倉庫
創建完成后為:

同時本地iblog文件夾下有如下內容:

cd到iblog下面,vim打開_config.yml文件,

$ vim _config.yml

打開后翻倒最后面修改為如下樣式(我是用submit打開的):

deploy:
  type: git
  repository: https://github.com/Numen-fan/Numen-fan.github.io.git
   branch: master   

注意這里的鏈接是創建倉庫時生成的,為了手寫錯誤,最好從創建出copy過來

同時注意這里的:后一定需要空格(切記)

iblog下執行如下命令,用來生成靜態的頁面

$ hexo g

網上說這里可能報錯

ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'

我似乎沒有,蠻幸運。

解決辦法是

$ npm install hexo --save

然后再開始配置,執行以下命令

$ hexo d

這個地方我報錯了,提示無法鏈接到gi或找不到git,解決辦法是需要安裝hexo-deployer-git

 $ npm install hexo-deployer-git --save  

這個時候彈出:
密碼驗證

這個地方需要輸入的是電腦的登錄密碼,我一開始以為是Github的賬號密碼了(懵逼)

可以選拒絕,隨后需要輸入以下兩項:

Username for GitHub:
Password for GitHub:

后面配置了SSH之后,就可以不用每次輸入了;

然后再次執行hexo ghexo d

執行成功后,瀏覽器輸入https://Numen-fan.github.io(將Numen-fan改為自己的Github用戶名即可),此時就能看到剛才和本地http://localhost:4000一樣的界面了

注意這里如果你沒有做SSH key的關聯,在hexo d 時是需要你輸入github的用戶名和密碼的。我之前做了關聯,所有沒有提示,每次都需要輸入密碼很煩,所以請參考配置SSH Key到GitHub

此致,敬禮


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM