結合hexo在GitHub上搭建我的博客——全過程

 

剛花了幾個小時在GitHub上搭建了本身的博客，出了雛形，由於也是新手，因此想記錄下本身搭建的過程，也能夠給新手小白們當個參考。若是有錯誤的地方，歡迎指出！

首先，放出雛形圖~~~~~，有點醜，還沒來得及完善！

　　

 

啦啦啦，迴歸正題，想搭建一個這樣的博客，須要哪些步驟呢？

1.  首先，得在GitHub上有個本身的倉庫。

　　莫嫌我囉嗦，先簡單說一下，GitHub是一個什麼樣的網站。說到GitHub得先說一下git，git是Linux的做者Linus和他的一羣以代碼會友的小夥伴在創做Linux期間，爲了更方便的進行創做而編寫的一個分佈式（不須要中央服務器，可離線進行）版本控制系統，這其中的故事挺有趣的，有興趣的小夥伴能夠去谷歌一下（大牛們的idea和實現真的都是秒秒鐘的事，我何時纔能有他們十分之一的功力）。git呢，能夠幫咱們管理記錄程序開發過程當中的每一個版本，打個比方，寫畢業論文，昨天寫了一段，今天進行了一些修改，只要進行提交，每次修改事後的版本，它都會幫咱們保管，而且當咱們發現我剛剛的修改不合適，我想回到昨晚提交時的樣子時，發現作了好多細節的修改，記不清了，這個時候，git能夠幫你秒秒鐘回溯到昨晚的那個版本！可穿越到過去，也能夠從過去穿越到如今。就是這麼神奇！棒呆了有木有

　　GitHub 是基於 Git 的一個代碼託管網站。開發者能夠將代碼在 GitHub 上開源，能夠瀏覽其它項目的代碼，fork 到本身名下作修改，clone 回本地（沒有訪問權限的 private repo 除外）使用，也能夠發起 pull request 向上遊提交本身的修改。

　　來到GitHub官網，註冊本身的帳號，填好用戶名，密碼，郵箱，並完成郵箱驗證就能夠啦！

　　

　　註冊完以後，就能夠在GitHub上新建一個倉庫，這個倉庫裏能夠存放你本身的代碼和項目（GitHub免費幫你保存喲），能夠和其餘人分享，向咱們這種小菜鳥能夠去學習大牛們的項目，包括一些優秀的框架源碼。（若是想要有本身的私人庫，每個月7刀的費用！）

　　

 

　　

 　　注意，庫的名字要和帳戶名一致！

　　

　　默認的域名是http;//username.github.io/,若是想要一個特別的域名，能夠買一個域名，並在setting裏面綁定就能夠了。

　　以上完成了第一步，咱們有本身的代碼倉庫了，接下來咱們要配置本機環境了！

 

2. 環境搭建

　　2.1 首先，咱們須要下載node.js和git.安裝基本上就是默認安裝便可。

　　安裝，完成以後，打開命令窗口（Win+R，輸入CMD，回車），分別輸入node -v,  npm -v, git -version,  若是都能像下圖同樣返回版本號就說明安裝好了。

　　

　　若是在這裏不能夠操做git，說明在安裝時沒有更改路徑，設置爲windows環境下也能夠操做，不過沒有關係，只須要將git的安裝路徑添加到環境變量中就能夠在windows下操做，或者咱們能夠運行git bash，在這裏查看git的版本號（安裝git以後必定會生成git bash），

　　

　　注意，在git bash中應該輸入 git version。（環境號版本號不一樣沒有關係）

 　　2.2 SSH受權

　　打開git bash，輸入ssh-keygen -t rsa, 接着回車三下

　　

　　這樣就會在C盤用戶目錄下生成id_rsa和id_rsa.pub這兩個文件，前者是密鑰，後者是公鑰，用記事本打開id_rsa.pub，複製其中的所有內容，添加到GitHub上，這樣本地的id_rsa密鑰就能夠和GitHub上的id_rsa.pub公鑰進行配對，受權成功。

 

　　

 

 　　SSH key添加以後，就能夠在本機git bash中進行測試，輸入ssh -T git@github.com進行測試，

　　

　　返回Hi username ！You've successfully ......說明你已經成功啦！

　　（若是碰到什麼問題，能夠給我留言喲！嘻嘻）

3. 設置本地博客的配置

　　3.1 安裝hexo

　　在任意一個地方新建一個文件夾，在git bash中進入這個文件夾，好比cd /d/Files/hexo/（以後安裝的內容會保存在這個文件夾內），輸入npm install -g hexo安裝hexo便可，以下圖（我已經安裝過了，就再也不安裝了）

　　

　　注意，在回車以後，可能會出現一行WARN的警告語句，不用管它，什麼都不要按，等着。。。過一段時間若是出現hexo版本號之類的語句就表明差很少了。

　　而後輸入npm install hexo --save這個時候你會看到命令行出現了一堆白字，緊接着輸入hexo v查看是否安裝成功

　　

　　喏，安裝好了。。。。

　　彆着急，就快成功了，再堅持一小小下，嘿嘿。

　　3.2 初始化hexo

　　繼續輸入hexo init實現初始化，

　　

　　

　　下載好了，再輸入hexo s

　　

　　這時候咱們就能夠打開瀏覽器了，在地址欄中輸入http://localhost:400/，咱們就能夠看到以下圖的界面，，咱們的博客建成功啦！！！開不開心？高不高興？是否是頗有成就感？

  　　

　　咱們能夠去看一下咱們的源碼的位置，就在以前新建的那個文件夾裏，在source->_posts文件夾下，有一篇helloworld的初始化文章，若是想要添加新的文章，能夠在命令行輸入hexo new 'filename',就會生成一個新的.md文件，對它編輯就能夠了。

　　

（上圖中有個錯誤，public纔是源碼文件夾）

 

　　3.3 上傳項目

　　先打開配置文檔_config.yml，對它作以下修改，repository後面的內容是 git@gitbub.com:username/庫地址 的形式

　　注意：type、repository、branch冒號的後面都有一個空格

 　　　

　　部署好以後，咱們就能夠上傳咱們的代碼咯

　　回到命令行窗口，輸入npm install hexo-deployer-git --save,

　　再輸入hexo g，而後再hexo d，就能夠將咱們public裏面的代碼上傳咯，在GitHub上能夠看到咱們上傳的代碼。這樣別人也能夠經過域名訪問咱們博客了。在地址欄輸入http://域名就能夠訪問。

 

4. 更改主題

　　在hexo官網上下載本身喜歡的theme，點擊圖片能夠預覽主題，點擊圖片下面的文字就能夠打開下載連接，

　　

 

　

 　　

　　複製源碼的url，在git hash 命令窗口下載主題，輸入git clone url，注意得手動粘貼，Ctrl+v無效，

　　

　　

 　　接着，將配置文件中的theme改成新的主題的名字，記住必定要將下載下來的文件夾放到themes文件夾裏！

　　

　　差不過就這麼多啦，接着就能夠根據主題的使用文檔進行博客的修改，改爲本身喜歡的樣子！

　　ps: 整理這麼些內容比搭博客還累，若是以爲對你有幫助的話，麻煩給個贊贊喲！謝謝！