Mac端通过Hexo搭建独立博客

来源:互联网 发布:fstab自动挂载yum 编辑:程序博客网 时间:2024/04/20 19:14

一、为什么选择Hexo

我对搭建自己的独立博客兴致盎然,

独立的才真正是自己的,

马克思说研究需要充分占有材料,

我因此大量阅读了关于搭建独立博客的文章和资料,

知道了有Octopress,jekyll等独立博客搭建系统,

但看到好多程序员童鞋都说:Octopress和jekyll很难搞定,

所以对于我这种小白来说,就更不用考虑了,

听说Hexo是hacker必备的博客搭建系统,因此果断选它。


二、艰难的开始

在我安装好git和node.js后,感觉万事俱备,只欠安装Hexo;

然后在终端果断输入:npm install -g hero-cli,

回车后等待奇迹发生,然并卵;

出现的是几个警告和一系列的Err字样;

然后艰难翻坑开始了,各种试验,各种搜索,

最后理出来一点儿思路;

总算见到雏形了,

接下来就很顺利的过关斩将了;


三、安装Hexo步骤

系统环境:OS X EI Captian 版本 10.11.3 64bit

1、安装Node.js(必须)

作用:生成静态页面。

Node.js下载地址:http://nodejs.cn

2、安装git(必须)

作用:把本地的静态页面提交到Github上去;

这里有必要强调下git的安装条件,

安装git前保证你已经安装了Xcode,不然会影响编译;

我遇到的坑也与此有关,我刚开始认为安装Xcode就等于安装了git;

其实不是的,必须单独安装Git才可以。

git安装方法:

1)、先安装Homebrew,把下面的代码拷贝到终端回车即可

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2)、安装git

等Homebrew安装完毕后,在终端输入:brew install git回车即可。


3、安装hexo

万事俱备,只欠hexo了,

官方文档提供的方法是:npm install -g hexo-cli

我试了N次,最后磁盘报警也没成功,大概是因为权限问题,

可是我电脑账户设置的是管理员啊,最后也没明白咋回事;

正确的安装姿势应该是这样:sudo npm install hexo - -no-optional

稍微吐槽下,网上的分享文章,

很多根本不标明适用系统,

导致我费很多时间,最后才发觉是windows系统,

另外,开始不知道hexo创建成功提示的界面是什么?

我看的资料一个都没有写,

对于小白来说真是很痛苦的经历;

如果我执行一段创建hexo的代码,

回车后若既没警告,也没错误提示,

但我就不知道是否创建成功;

这时候将创建成功的提示界面发出来就会很有帮助;

1)、以下是创建hexo成功后的提示界面:两种方法

注意:使用sudo需要输入电脑登录密码

第一种方法:极力推荐用这种方法:sudo npm install hexo - -no-optional创建(也可以尝试去掉sudo,为了保险最好加上),

推荐的原因是初始化时不会出现:Error: Cannot find module './build/Release/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND’这个错误。

创建成功后的提示界面:

Password:

hexo-site@0.0.0 /Users/chenbaichuan

└──server@0.0.3 extraneous

第二种方法:sudo npm install -g hexo-cli极力不推荐,

不推荐的原因是初始化时,它多半肯定会出现:Error: Cannot find module './build/Release/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND’这个错误。

创建成功后的提示界面:

Password:

/usr/local/bin/hexo -> /usr/local/lib/node_modules/hexo-cli/bin/hexo

/usr/local/lib

└──hexo-cli@1.0.1 


2)、初始化Hexo并且创建博客目录:

hexo init blog //回车搞定;

初始化成功后的界面是这样的:

INFO  Start blogging with Hexo!:快用Hexo开始你的博客吧!

这时候在本地磁盘会有一个以blog命名的文件夹,官方文档列出的结构大致如下:

不一定完全相同,我的在source就只有一个posts文件。

试着向你的blog文件夹添加一篇文章吧,

再添加前先用:cd \blog进入初始化文件夹,

保证你新添加文章都在blog文件夹下。

添加文章:hero new 文章名。

至此Hexo的安装全部搞定。


四、启动本地服务

Hexo 3.0把服务器独立成个别模块,您可能会需要先安装 hexo server才能使用;

 npm install hexo-server —save :生成本地服务器,这个不是必须;

我的直接用:hexo server就将本地服务器启动了。

输入以下命令启动服务器:hexo server

在服务器启动期间,Hexo会监视文件变动并自动更新,您无须重启服务器。

网址:http://localhost:4000/.

赶紧打开看一下属于自己的领地吧。

到此为止本地的服务已经设置好了,

接下来就是配置Github了,

有空再写。


如果有的命令运行后不成,先在最前面加sudo,

实在不行就去百度吧。

0 1
原创粉丝点击