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

就能够了。注意，第一次要输入密码的，之后就不须要了。