Windows上利用github和hexo搭建個人部落格

hydCoder發表於2017-12-13

1、題外話

自從看見過別人的個人部落格之後,曾經一直想要搭建一個自己的個人部落格,可是很多事總是想想(其實是一臉懵逼。。。)而已,於是一直在觀望。。。

最近突發奇想,作為一個已經搬了兩三年磚的碼農,連一個自己的個人部落格都沒有,那以後還怎麼出去炫(zhuang)技(bi),於是從網上看了很多關於搭建Hexo部落格的文章,文章很多,也寫的很詳細,感謝這些無私奉獻的人(此處應有掌聲。。。)。不過很多文章都是基於Mac OS來講述的,對於我這種用不起Mac的屌絲來說,嘗試多次之後只能望而卻步,於是就開始琢磨Windows上快速搭建一個個人的部落格。

整個搭建過程還算順利,在此把我搭建的整個過程分享出來,希望可以幫助到更多的人。

需要準備的軟體(安裝程式,基本上都是下一步到底,直到出現finish為止):

  • git(基本上都有吧)
  • Node.js
  • Github賬號(沒有就直接註冊)

好了,不廢(bi)話(bi)了,幹就完了。

2、安裝Git(已經安裝過的可以自動忽略這步了)

下載Windows下的Git客戶端Git客戶端並安裝,安裝很簡單,基本一路Next下去。

3、安裝Node.js

下載Node.js,安裝Node.js也是一路Next下去。

4、Github配置

首先得有一個Github賬號(沒有的話就要去Github上註冊一個了,基本上就是填一下使用者名稱,郵箱和密碼,再驗證下郵箱完事),登陸過後點選 new repository,REPOSITORY NAME填寫"自己的名稱 + .github.io",Description可以填寫,也可以不填。

Windows上利用github和hexo搭建個人部落格

然後直接點Create repository就可以了。

5、配置Github SSH金鑰

首先在桌面空白處滑鼠右鍵選擇Git Bash Here,然後輸入:

ssh-keygen -t rsa -C "your's emaill address"
複製程式碼

""裡面的內容輸入你的郵箱地址,然後回車,會提示你檔案儲存的路徑,這時候按Enter鍵確認

然後會提示你輸入密碼,輸入即可(輸入密碼是看不到的,這個和Linux是一樣的),然後會確認輸入一次,就可以在剛剛的路徑看到生成了兩個檔案,一個是id_rsa,另一個是id_rsa.pub,用notepadd++或者別的文字工具開啟id_rsa.pub然後選中裡面的全部內容,複製下來。

登入github,點選頭像可以看到setting選項,點選進入 然後可以看到左邊有一個SSH and GPG keys選項 點選就可以看到以下介面,點選New SSH

Windows上利用github和hexo搭建個人部落格

這裡的Title隨便填寫,主要是為了方便管理金鑰 然後把剛剛拷貝的內容貼上到Key裡面去 然後點選Add SSH key 到此,Github上面的SSH配置就完成了。

6、安裝Hexo

在安裝Hexo之前可以先測試一下Node.js是否安裝成功,在桌面空白處右鍵開啟Git Bash Here,然後輸入node,如果可以看到提示符變成了一個向右的箭頭就表示成功了,然後按ctrl + c退出node模式,出現$符號才表示正常了,輸入命令

$ npm install -g hexo-cli
複製程式碼

敲完回車可能沒有任何提示,請一定要耐心等待 安裝成功後,可以輸入以下命令測試以下Hexo是否安裝成功

$ hexo version
複製程式碼

如果能看到hexo的版本號資訊,就表示安裝成功了
接下來,建立一個空資料夾(名稱最好不要有中文,而且一定得是空的資料夾,不然init的時候會報錯),右鍵開啟Git Bash Here 然後依次輸入以下命令

$ hexo init
$ npm install
$ hexo g
$ hexo s
複製程式碼

這時候在瀏覽器輸入http://localhost:4000/ 就可以看到hexo已經成功生成了部落格,當然這只是我們本地可以看到的,接下來就需要把本地Hexo部署到Github上(你準備好了麼。。。)

7、配置Hexo到Github

找到我們剛剛建立的資料夾,在裡面找到**_config.yml**檔案,用notepad++開啟,直接拖到最後,改成下面這個樣子

deploy:  
  type: git
  repository: https://github.com/yourname/yourname.github.io.git
  branch: master
複製程式碼

特別注意,在**:的後面是有一個空格的,千萬要小心,不然會出錯的,其中yourname**即在github上面的使用者名稱。

為了能儘快的讓你部署成功,所以根目錄下的_config.yml檔案的其他配置下篇再敘。

儲存後(千萬記得儲存),然後在當前資料夾開啟Git Bash Here,然後依次輸入:

$ hexo g
$ hexo d
複製程式碼

如果我沒有猜錯的話,你應該會出現以下異常

ERROR Deployer not found: git
複製程式碼

這時我們需要安裝一樣東西

$ npm install hexo-deployer-git --save
複製程式碼

然後再輸入上面的命令完成部署,也可以這樣輸:

$ hexo clean && hexo g && hexo d
複製程式碼

這時候應該會彈出一個對話方塊,輸入你guthub的使用者名稱和密碼即可。 然後你就可以用這樣的網址hydcoder.github.io訪問你自己的部落格了(當然,你需要把使用者名稱換成你自己的)。

怎麼樣,成功了沒。我沒猜錯的話,看到這裡你應該已經成功了,哈哈! 如果沒成功,可以留下你的問題,很樂意幫你解決。

相關文章