Windows上利用github和hexo搭建我的博客

一、題外話

自從看見過別人的我的博客以後,曾經一直想要搭建一個本身的我的博客,但是不少事老是想一想(實際上是一臉懵逼。。。)而已,因而一直在觀望。。。node

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

整個搭建過程還算順利,在此把我搭建的整個過程分享出來,但願能夠幫助到更多的人。github

須要準備的軟件(安裝程序,基本上都是下一步到底,直到出現finish爲止):npm

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

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

二、安裝Git(已經安裝過的能夠自動忽略這步了)

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

三、安裝Node.js

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

四、Github配置

首先得有一個Github帳號(沒有的話就要去Github上註冊一個了,基本上就是填一下用戶名,郵箱和密碼,再驗證下郵箱完事),登錄事後點擊 new repository,REPOSITORY NAME填寫"本身的名稱 + .github.io",Description能夠填寫,也能夠不填。工具

而後直接點Create repository就能夠了。測試

五、配置Github SSH密鑰

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

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

""裏面的內容輸入你的郵箱地址,而後回車,會提示你文件保存的路徑,這時候按回車鍵確認

而後會提示你輸入密碼,輸入便可(輸入密碼是看不到的,這個和Linux是同樣的),而後會確認輸入一次,就能夠在剛剛的路徑看到生成了兩個文件,一個是id_rsa,另外一個是id_rsa.pub,用notepadd++或者別的文本工具打開id_rsa.pub而後選中裏面的所有內容,複製下來。

登陸github,點擊頭像能夠看到setting選項,點擊進入 而後能夠看到左邊有一個SSH and GPG keys選項 點擊就能夠看到如下界面,點擊New SSH

這裏的Title隨便填寫,主要是爲了方便管理密鑰 而後把剛剛拷貝的內容粘貼到Key裏面去 而後點擊Add SSH key 到此,Github上面的SSH配置就完成了。

六、安裝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上(你準備好了麼。。。)

七、配置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訪問你本身的博客了(固然,你須要把用戶名換成你本身的)。

怎麼樣,成功了沒。我沒猜錯的話,看到這裏你應該已經成功了,哈哈! 若是沒成功,能夠留下你的問題,很樂意幫你解決。

相關文章
相關標籤/搜索