天天看點

github 個人部落格搭建

要使用Hexo,需要在你的系統中支援Nodejs以及Git,如果還沒有,那就開始安裝吧!

1.安裝 node.js

2.安裝 git

直接輕按兩下下載下傳下來的git安裝程式,同node安裝,安裝完之後右鍵發現多了兩個Git GUI Here 、Git Bash Here,點選後者,然後輸入git --version出現版本資訊就表明安裝成功了。

3.注冊 github賬号

為什麼要配置這個呢?因為你送出代碼肯定要擁有你的github權限才可以,但是直接使用使用者名和密碼太不安全了,是以我們使用ssh key來解決本地和伺服器的連接配接問題。

如果提示:No such file or directory 說明你是第一次使用git。

然後連續3次回車,最終會生成一個檔案在使用者目錄下,打開使用者目錄,找到.ssh\id_rsa.pub檔案,記事本打開并複制裡面的内容,打開你的github首頁,進入個人設定 -> SSH and GPG keys -> New SSH key:

github 個人部落格搭建

将剛複制的内容粘貼到key那裡,title随便填,儲存。

如果提示Are you sure you want to continue connecting (yes/no)?,輸入yes,然後會看到:

看到這個資訊說明SSH已配置成功!如圖所示:

github 個人部落格搭建

此時你還需要配置:

1. 安裝淘寶源的cnpm

選裝cnpm。由于npm速度有時候令人堪憂,是以建議安裝淘寶源的cnpm,在git bash中輸入下面整段

安裝完之後驗證,輸入:cnpm info express,若出現一大堆資訊則表明成功了。

2. 安裝 hexo 指令

在這裡會有 一段時間等待,請稍等

3. 安裝個人部落格

進入到 你本地的部落格存放路徑,例如 F:\hexo\blog

初始化完成以後,會生成以下目錄:

github 個人部落格搭建

1. 修改Hexo目錄下的_config.yml配置檔案中的theme屬性,将其設定為next

1)請確定您使用的是Hexo 3(或以上)

2)next.yml在站點的source/_data目錄中建立一個名為(建立_data目錄,如果它不存在)

3)複制無論是在網站的下一個主題選擇_config.yml和主題的_config.yml進入next.yml。

4)使用--config source/_data/next.yml參數啟動伺服器,生成或部署。

5)例如:hexo clean --config source/_data/next.yml && hexo g --config source/_data/next.yml

2.生成 靜态頁面

錯誤:找不到子產品'hexo-util' 問題,請檢查您的NPM版本。

1)仍然沒有工作。請删除node_modules目錄并重新安裝使用cnpm install。

2)請hexo-util明确通過cnpm install --save-dev hexo-util您的網站包裝代碼。

修改站點目錄的 _config.yml 檔案,在最後添加

然後在指令行中執行

到此呢,你的部落格基本就搭建完畢了。

這個是個人部落格的第三方插件,一個部落格搜尋插件,一個評論插件。

2) 登陸,進去建立一個索引,如圖:

github 個人部落格搭建

3) 建立一個api key,并賦予增删的權限,如圖所示:

github 個人部落格搭建

并賦予 add records,delete recourds,list indices,delete index 4個權限,如圖所示:

github 個人部落格搭建

4) 然後編輯配置檔案,首先是 next 目錄下的 _config.yml:

5) 然後修改 站點目錄下的 _config.yml:

最後增加:

6) 執行指令,将文章清單同步到 algolia:

如果報錯 執行 hexo clean 後,重試。然後預覽。

2) 登陸,綁定自己部落格位址。如圖所示:

github 個人部落格搭建

3) 複制 自己位址對應的id值。如圖所示:

github 個人部落格搭建

4) 編輯 next 目錄下的 _config.yml 配置檔案:

修改下面一行:

清空緩存,重新生成靜态頁面預覽就看到效果了。

好了,本文到此結束。你部落格搭建好了嗎?

本文轉自 SimplePoint 51CTO部落格,原文連結:http://blog.51cto.com/2226894115/2063440,如需轉載請自行聯系原作者

繼續閱讀