Hexo-mac下搭建hexo博客-CSDN博客

经过各种找资料，踩过何种坑，终于搭建好了hexo，域名目前用得时github的，我的hexo是3.2.2版本，hexo不同的版本，很多配置都不一样。好吧，废话不多说了，开始吧。

之前是想着写博客，一方面是给自己做笔记，可以提升自己的写作、总结能力，一个技术点我们会使用，并不难，但是要做到让让别人也能听懂我们讲得，还是需要一定的技巧和经验的。很多类似于CSDN、博客园也都可以写文章，但是页面的样式我不是太喜欢，简书还算好点得。最近看到一些大神们的博客（在我的友情链接里有），貌似都是用hexo写得，我也依葫芦画瓢的搭建了一个。不罗嗦了，直接上搭建步骤。

基础准备

下面正式开始搭建博客！首先要想使用Hexo和github pages搭建博客，需要以下环境：

在github上注册一个账号，并创建一个指定名字的reposity
homebrew套件管理器，主要用来安装git和node.js
git版本管理工具
node.js
配置SSH key(可忽略)
安装hexo
同步hexo博客到github

一、注册github账号并创建reposity

申请完账号，登陆之后，就可以创建reposity了，点击New repository ，会跳转到这个界面:

二、安装brewhome

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

安装失败, 执行以下脚本卸载：

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

报错：Failed to locate Homebrew! 执行以下:

sudo rm -rf /usr/local/.git rm -rf Library .git .gitignore bin/brew README.md share/man/man1/brew rm -rf ~/Library/Caches/Homebrew
复制代码

成功后，再次执行，下载脚本：

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
复制代码

下载成功

三、安装git版本管理工具

git是一个强大的版本管理工具，github的版本管理就是基于git的，现在svn基本过时了，使用git进行版本管理才是王道。安装完homebrew之后，安装git几乎零成本，还是在terminal终端，输入以下命令：

brew install git
复制代码

然后等一段时间就ok了，homebrew会自动去帮你完成下载安装。

四、安装node.js

hexo是基于node.js的，所以要让hexo运行，node.js环境是必不可少的。使用homebrew安装node.js也特别简单，在terminal终端输入如下命令：

brew install node
复制代码

注意：

安装最新版的Node.js之后，我们就可以使用npm命令，在mac下遇到npm命令找不到的问题，解决方案如下：

sudo ln -s /usr/local/bin/node /usr/bin/node
sudo ln -s /usr/local/lib/node /usr/lib/node
sudo ln -s /usr/local/bin/npm /usr/bin/npm
sudo ln -s /usr/local/bin/node-waf /usr/bin/node-waf
复制代码

五、安装hexo

前面我们安装了node.js，装完node.js之后，我们就可以使用npm命令了，而hexo安装就是使用npm，在终端输入以下命令：

npm install -g hexo
复制代码

注意：

等待一会儿，hexo会自动完成下载安装。等hexo安装完成之后，在创建一个文件夹，这个文件夹以后就是你存放本地博客的地方了。

六、创建一个新的博客

继上面创建的文件夹，通过命令进入创建的文件夹目录，然后执行以下命令：

初始化blog文件夹

hexo init
复制代码

安装依赖和插件

npm install
复制代码

启动服务器进行本地预览

hexo s
复制代码

在浏览器中打开http://localhost:4000，成功的话即可看到博客页面，至此安装就完成了。

以上命令完成后，会在目标目录生成以下的目录结构：

七、同步hexo博客到github

hexo的配置文件是位于blog文件夹下的_config.yml文件。修改配置文件请使用Atom或者Sublime Text 2之类的程序根据上图，打开_config.yml文件。

然后执行如下命令才能使用git部署：

npm install hexo-deployer-git --save
复制代码

然后，执行配置命令：

hexo deploy
复制代码

然后再浏览器中输入sunjinshuai.github.io就行了，我的github的账户叫sunjinshuai，把这个改成你github的账户名就行了。

八、常用命令

Hexo的命令极简单，安装后只需要记住四个常用的即可。执行命令需要git当前处于blog文件夹根目录下。

generate 生成静态文件。

hexo g
复制代码

server 启动服务器。

hexo s
复制代码

deploy 部署网站。部署网站前，需要预先生成静态文件。

hexo d
复制代码

clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)。

hexo clean
复制代码

注意：

相比 Octopress，Hexo 的目录结构更加简单：

_config.yml 是博客的配置文件。
scaffolds 是博客文章模板。
source 是博客文章目录。
themes 存放主题风格文件。