使用Hexo技術，把靜態頁面部署到gitcafe，完成對我的主頁的搭建

今天成功地實現了我的主頁的搭建，地址在maziang.com或者www.maziang.com。網站是個人我的主頁，主頁名稱叫作「Mark墨客」，是Mark Malthus的我的博客。

一下內容拷貝於maziang.com的第一篇日誌。

這是第一篇在Hexo下寫的博客。由於也想要使用靜態技術來作一個簡單的頁面。事實證實，這種技術採用起來十分簡單，尤爲是在 Mac OS 的環境下，搭建幾乎不會耗費太多精力。仍是很值得嘗試的。我如今對於MarkDown的技術格式還不是很瞭解，雖然聽說應該仍是超簡單的說，應該很快就會學會吧。
廢話很少說，如今就開始說剛纔的十幾分鍾內，我作了一些什麼。

安裝

首先是須要npm，由於Hexo技術是基於Node.js來作的。就像Jekyll是基於Ruby的同樣。所以，在Hexo以前必需要安裝npm。
在Mac下安裝Node.js很是方便簡單，只須要到Node.js的官網上，點擊一下Install按鈕，就會自動下載到安裝包，按照順序點擊下一步就能夠了。如今最新版本是v0.10.28，我安裝的是這個版本。

按照步驟安裝了Node.js以後，就能夠在Bash中使用npm命令了，下面鍵入：

 

1	$ sudo npm install -g hexo

就能夠下載好Hexo了。這個過程很快，輸入密碼，等一等，它就會自動從網上下載好包並進行安裝。這個過程由於網絡問題有可能失敗，重作幾回應該不會有問題，我是一次就成功了。
我安裝的Hexo版本是2.6.1

 

創建工做目錄

就像eclipse須要workspace同樣，咱們也該專門弄個目錄來存放各類東西吧。這裏我把他放在Documents文件夾下，我創建了一個新的文件夾，直接就叫作hexo。

 

1 2 3

$ cd ~/Documents $ mkdir hexo $ hexo init

大功告成，這個時候，bash給了提示：

 

 

1 2	[info] Copying data [info] You are almost done! Don't forget to run `npm install` before start blogging with Hexo!

聽從指教，鍵入命令。

 

 

1	$ npm install

又咕嘟咕嘟下載了一些東西，這一些不須要管。
輸入新的生成命令，和運行服務器的命令

 

 

1 2	$ hexo generate $ hexo server

這個時候，下面就會提示，服務已經運行在了4000端口上，按下CTRL+C退出服務。這個時候咱們用瀏覽器，輸入」localhost:4000」，就能夠看到那個界面啦！
界面中有一篇hello-world的文章，是用Markdown語法已經寫好的，給寫文章一點小的啓迪和入門。

 

來一篇新的博文

如今這個網站就已經能夠在本地上訪問了。咱們能夠採用下面的命令來添加博文。

 

1	$ hexo new "my_new_post"

而後，在文件夾下，就會多出一個md文件，只須要修改這個文件就能夠完成一篇新的博文了。
由於咱們的網頁是靜態網頁，因此每次修改了東西，都須要使用generate命令來重新生成一下。

 

上gitcafe發佈網頁

咱們創建這個網站固然不是爲了本身在本身的電腦上看着輸入，應該是須要上傳到網絡上，供別人看的。github是世界上最經常使用的git託管網站，github提供page服務，爲用戶免費託管靜態頁面。可是github是外國的服務器，在國內用不是太穩定，因此咱們改用內地的，能夠有相同功能的gitcafe來完成咱們的發佈。

首先在網站上創建一個用戶，記得用戶名不要太複雜。接下來配置SSH信息，這個網上有不少教程，我在這裏就不細說了，應該搜索 SSH、git 就能夠搜到一堆配置的指南。接下來建立一個項目，記得項目名要和用戶名一致。
最後也是最重要的，在_config.yml中對相關的參數進行設置，好比設置本身網站的標題等等，尤爲是最後的deploy。
我這裏的設置是：

 

1 2 3 4

deploy: type: github repository: https://gitcafe.com/marchon/marchon.git branch: gitcafe-pages

記得，branch必定要是gitcafe-pages，這樣纔會應用page服務。
設置完成後，咱們再generate一遍，調用

 

 

1	$ hexo deploy

就能夠了。注意，第一次要輸入密碼的，之後就不須要了。