使用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


就可以了。注意,第一次要輸入密碼的,以后就不需要了。


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com