title: 使用Github和hexo搭建個人博客
對于程序員來說，寫博客是一個好的習(xí)慣珠增，今天給大家介紹一下怎么使用
github和hexo來搭建一個博客。
使用github的page服務(wù)來搭建博客有幾個好處：
- 顯得比較有g(shù)eek范兒砍艾，跟是用來csdn等博客平臺相比蒂教，需要一定的動手與折騰能力
- 和其他的博客平臺相比，可以自己完全控制現(xiàn)實的內(nèi)容脆荷，哪的樣式不好看凝垛，不喜歡懊悯，直接動手改css樣式即可，和其他的博客平臺滿是廣告和有點丑爆的界面相比梦皮，有一種自己掌控全局的感覺炭分，而不是將自己的東西交給別人托管
- 寫博客來說畢竟還是要穩(wěn)定比較好，雖然說自己也可以寫一個博客系統(tǒng)或者使用WordPress來搭建一個博客剑肯，但是東西放在云服務(wù)器上萬一哪天忘了續(xù)費捧毛，或者服務(wù)器掛了數(shù)據(jù)丟失那不是太可惜了。而github博客是把博客內(nèi)容全放在github上面让网，至少不會擔心數(shù)據(jù)穩(wěn)定性的問題岖妄。而且借助于git在什么地方，換臺電腦使用git 將博客pull下來就能接著寫寂祥。
廢話有點多，現(xiàn)在開始吧:
首先你需要有個Git七兜，這個東西應(yīng)該大家都裝了的丸凭，畢竟是吃飯干活必備的家伙，
第二：需要裝有NodeJs,這里主要是要用到隨同NodeJs一起的npm包管理工具腕铸，npm和nodejs的關(guān)系應(yīng)該就像maven之于java惜犀，composer之于php，可以允許用戶直接從npm服務(wù)器上下載別人編寫好的第三方包到本地使用狠裹，我們就是借助于npm下載hexo
mac用戶可以使用brew安裝nodejs
brew install nodejs
windows用戶就要去nodejs的官網(wǎng)上面下載安裝包來進行安裝NodeJs下載地址
安裝完成后將其添加到path路徑中虽界，就可以直接在cmd中使用npm命令了
正題開始： 安裝hexo
npm install -g hexo-cli
安裝過程可能會比較慢，因為會去國外的npm服務(wù)器上拉取依賴涛菠，你也可以設(shè)置國內(nèi)的npm鏡像莉御，比較好用的是淘寶的npm鏡像服務(wù)器，設(shè)置教程
安裝完成后可以使用
hexo -v
來驗證hexo有沒有安裝成功
如下圖一樣俗冻，打印出hexo的信息就代表安裝成功礁叔，離革命成功又進了一步
然后我們在我們的本地新建一個文件夾，用來存放hexo的配置信息迄薄，以及我們即將要寫的博客文件琅关，進入該文件夾
mkdir ~/hexo-test
cd ~/hexo-test
hexo init
初始化會去hexo服務(wù)器下載一些相關(guān)的資源，然后安裝對應(yīng)的依賴讥蔽，依賴安裝完成后會顯示安裝過的依賴列表
完后過后可以在剛才的文件中看到生成了以下的內(nèi)容
- _comfig.yml： 主要存放的是hexo的相關(guān)配置涣易，比如等會要進行的主題，github賬戶等等都是在這里邊進行配置,hexo的大部分配置都在這個文件里面
- node_modules： hexo的依賴包
- package.json： hexo的依賴描述文件
- scaffolds：模版 文件夾冶伞。當您新建文章時新症，Hexo 會根據(jù) scaffold 來建立文件。Hexo的模板是指在新建的markdown文件中默認填充的內(nèi)容碰缔。例如账劲，如果您修改scaffold/post.md中的Front-matter內(nèi)容，那么每次新建一篇文章時都會包含這個修改。
- source：資源文件夾是存放用戶資源的地方瀑焦。除 _posts 文件夾之外腌且，開頭命名為 _ (下劃線)的文件 / 文件夾和隱藏的文件將會被忽略。Markdown 和 HTML 文件會被解析并放到 public 文件夾榛瓮，而其他文件會被拷貝過去铺董。
- themes： 主題文件夾，Hexo 會根據(jù)主題來生成靜態(tài)頁面禀晓。
現(xiàn)在我們使用
hexo generate
hexo server
打開瀏覽器精续，輸入localhost:4000，就能看到我們的博客界面了粹懒。
到此我們大部分的工作就已經(jīng)差不多了重付，不過我們還需要做些其他的調(diào)整，比如將博客部署到GitHub上面凫乖，以及調(diào)整hexo生成的html的樣式主題确垫，讓其看起來好看一些。
部署到GitHub上面：
首先我們要去我們的github賬戶上面新建一個repostory帽芽，命名必須為yourname.github.io,比如我的github用戶名為kinderao删掀，那么倉庫名稱為kinderao.github.io,這個地方必須按照用戶名命名。
然后繼續(xù)bash中輸入
npm install hexo-deployer-git --save
安裝hexo的部署插件
然后編輯（hexo-test）博客目錄下的_config.yml文件导街，找到deploy節(jié)點披泪，
然后將type設(shè)置為git，repo設(shè)置為剛才在github上面新建的倉庫地址搬瑰，現(xiàn)在我們在bash中輸入：
hexo deploy
這樣我們博客就已經(jīng)部署到github上了款票，我們可以打開瀏覽器，輸入github用戶名.github.io泽论，我的賬戶名為kinderao徽职，所以我的博客地址為kinderao.github.io，你就可以看到博客已經(jīng)成功的部署到github上了佩厚。
如果對于博客的界面感覺不太滿意姆钉，下面教大家修改主題，在hexo官網(wǎng)上有很多漂亮的主題抄瓦，選擇自己喜歡的主題潮瓶，然后將其拷貝或者使用git pull到theme文件夾下，然后再次回到_config.yml文件中修改theme節(jié)點钙姊，修改為對應(yīng)的主題名稱毯辅，然后重新使用hexo生成一次網(wǎng)頁，就可以看到漂亮的主題已經(jīng)成功的應(yīng)用到了網(wǎng)頁上了煞额。
這里給大家推薦一下自己使用的主題思恐，apollo主題沾谜，主題地址。
到此基本上我們的博客也就搭建成功了胀莹。每次需要寫博客可以使用
hexo n
新建一篇博客基跑，也可以直接在soure文件夾下的_post文件夾下新建一個markdown文件，然后hexo會自動重載md文件描焰，也就可以在本地瀏覽器上預(yù)覽生成的網(wǎng)頁媳否，覺得寫得差不多了過后，使用deploy命令就可以將其部署到github上了荆秦。
另外如果大家寫博客需要插入圖片的話篱竭，由于GitHub的網(wǎng)絡(luò)不是特別好，所以圖片傳上去會掛步绸，推薦大家使用圖床結(jié)合markdown來寫博客掺逼，我自己使用的是七牛的云存儲來做圖床，可以注冊賬號瓤介，有免費的10個g流量坪圾，基本上夠用，而且只要把圖片一傳到七牛惑朦，然后拿著外鏈粘貼到markdown中，markdown中就只用保存文字內(nèi)容即可漓概，隨便把里面的內(nèi)容粘貼到其他的平臺就可以直接發(fā)布博客了漾月，而不用像之前一張圖片一張圖片的上傳。
由于一直手動上傳圖片到七牛也是一件重復(fù)低效的事胃珍，這里給大家推薦一下ipic圖床軟件梁肿，一個專注于圖片上傳的軟件，只需要一個快捷鍵就能將圖片上傳上去觅彰，或者是使用mweb或者wordmark這兩款帶圖床上傳功能的markdown編輯器吩蔑，這幾款軟件都是收費的（逃）。雖然收費填抬，不過還是推薦大家使用哈烛芬，畢竟還是可以提高我們的工作效率，專注于博客本身飒责。
