Mac os X 配置hexo教程

2016-03-29 本文已影响2387人 HuCoco

Hexo基于Node.js，由台湾大神tommy351开发，可以实现一个静态网页组成的博客，而且更轻更快，使用也相当的简单。只要安装了Git和Node.js，我们就可以在电脑上快速的用Hexo来写作，Hexo同样支持评论、分类、标签、图片等。

<h3>特性</h3>

快速
Hexo基于Node.js，支持多线程，几百篇文章也可以几秒生成。
流畅
支持GitHub Flavored Markdown和Octopress的插件。
扩展
Hexo支持EJS、Swig和Stylus，通过插件支持Haml、Jade、Less

下面就来给大家介绍下Hexo静态博客环境搭建的方法。

<h3> 先整理一下思路</h3>
1.首先hexo是基于nodejs，所以需要安装nodejs（之前没有安装过的话）。
2.安装nodejs的方法很多的，因为为了简单，而且网上的很多教程也是用的homebrew安装方式，我也就用的这个。
3.安装homebrew方式很简单，因为mac自带了ruby，一句话就能搞定。
4.hexo提交部署需要git部署到github，所以需要安装git工具。
5.整理一下安装顺序，（homebrew-nodejs-hexo-git）

<h3> 1.安装homebrew</h3>
打开终端，输入下面代码：

ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

稍等片刻安装完成就可以了，因为正在下载，如果没有网速的话，可以关闭或者按下‘Ctrk+C’来结束进程并重新下载。值得注意的是输入这行代码也可能会提醒你输入的过旧，需要输入新的代码，只用复制那段代码然后轻敲回车就OK。

<h3> 2.安装nodejs</h3>
用homebrew安装，一句话搞定。

brew install node

<h3> 3.安装hexo</h3>
可以使用nodejs自带的npm进行安装。

npm install -g hexo

<h3> 3.1创建hexo文件夹</h3>
待安装完成之后，在自己想要的位置新建一个文件夹，例如在根目录新建。打开终端输入：

mkdir blog  
cd blog  
hexo init

<h3> 3.2安装依赖包 </h3>
npm install
<h3> 4.安装git</h3>
安装好之后建议注册一个github账号，如果没有的话。

<h3> 4.1homebrew安装</h3>

sudo brew install git

<h4> 4.2.1检查SSH key</h4>

cd ~/.ssh

<h4> 4.2.2备份已有的key</h4>

mkdir key_backup
mv id_rsa* key_backup

<h4> 4.2.3生成SSH key</h4>

ssh-keygen -t rsa -C "xxxx@xxxx.com"

xxxx@xxxx为自己的github账号。

<h4> 4.2.4将SSH key添加到github</h4>

登录到gitHub页面，Account Settings->SSH Public Keys->Add another key将生成的key(id_rsa.pub文件）内容copy到输入框中，save。id_rsa.pub文件放在.ssh这个隐藏文件夹之下，因为当前就在这个目录，所以直接打开。

ls  
open id_rsa.pub

打开这个文件推荐使用Sublime Text 2(下同),复制里面的东西，然后到在网页上保存。

ssh git@github.com

如果现实连接成功，那就可以，不可以请重复以上步骤，找出错误的原因，或者把显示的错误信息代码复制到谷歌上面搜索。
<h3> 4.2.6设置个人信息</h3>

git config --global user.name "xxx”
git config --global user.email "xxx@xxx.com"

xxx是你自己的github的账号，xxx@xxx.com是注册邮箱。

<h3> 5.创建github上面的repository </h3>
在自己的github主页右下角，创建一个新的repositpry。我的github账号是maodahua，那么我就应该创建的repository名字为maodahua.github.io.

<h3> 6.部署</h3>
在自己创建的blog下找到_config.yml这个文件并编辑，在最下面添加如下的语句。网址的maodahua替换成自己账号即可。

deploy:
type: git
repository: http://github.com/maodahua/maodahua.github.io.git
branch: master

PS:三个冒号之后需要留一个空格，不然会引起错误。

至此，hexo博客的搭建已经完成，接下来可以执行下面代码在本地运行,查看效果

cd blog  
hexo g
hexo s

然后在浏览器中输入localhost:4000就可以看到了。
如果没有错误的话，可以执行

hexo d

完成之后，我们的博客就完全搭建起来了。在浏览器中输入maodahua.github.io就可以访问了，去看看你的成果吧！

Mac os X 配置hexo教程

<h3>特性</h3>

猜你喜欢

热点阅读