Mac下搭建hexo3.0博客

Mac下搭建hexo3.0博客(文章同步自个人博客网站以及Github博客https://xingstarx.github.io/)

window环境下搭建hexo博客

具体内容可以参考这一篇文章如何搭建一个独立博客——简明Github Pages与Hexo教程本人博客搭建过程也是参考了上面的部分内容。

安装Node.js和git

安装Node.js

到Node.js网站上下载后缀为pkg的文件，点击安装。
在终端下输入

node -v
npm -v

若无错，则显示版本号

本人的信息如下：

hexo git:(master) ? node -v

v0.12.5

hexo git:(master) ? npm -v

2.11.2

安装git

Mac下先安装Xcode，不然总会出现各种问题，尽量按照标准的做法来，具体做法如下：

安装Xcode，启动Xcode，进入 Preferences -> Download -> Command Line Tools -> Install 安装命令行工具。

安装完成后，输入命令检测

hexo git:(master) ? git –version

git version 2.3.2 (Apple Git-55)

安装hexo

在某个文件夹下面，创建个临时目录吧，如xingstarx,通过终端命令，进入该目录下面。

执行命令

npm install -g hexo-cli```

可能会提示出错，无法安装，问题出在root用户上

需要通过以下来启动安装程序
，这样等一段时间变好了

``` bash
sudo npm install -g hexo-cli```






<div class="se-preview-section-delimiter"></div>

## 建站

接着上面的操作，创建了一个名为hexo的文件夹,(这里可以创建任意的名称，选自己喜欢的)


{% codeblock %}
hexo init hexo 
cd hexo 
npm install 
{% endcodeblock %}


创建博客的目录结构

这里可以通过  git管理该目录，（git init）
我是通过[sourcetree](https://www.sourcetreeapp.com/)来操作的，创建本地的git仓库，然后开始准备建立远程仓库，也就是github的仓库   






<div class="se-preview-section-delimiter"></div>

## 开通github账号
注册[github](http://www.github.com/)的账号，注册自己的username和邮箱，这一步对于开发者来说，应该不难吧，相信大家都能搞定的。

注册完成后，登陆输入邮箱名，密码，创建一个repository（这一块就不放图片了，大家可以看这个链接对应的文章的图片，[建立仓库](http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-a-blog/#github上建立仓库)）,我的名称是xingstarx.github.io,前面的名称就是自己github账号的名称，需要对应一致。创建好自己的repo。







<div class="se-preview-section-delimiter"></div>

## git仓库

通过source tree软件，给本地的hexo仓库添加远程库，(对sourcetree软件不熟悉的可以google下教程),点击remotes，添加远程库

（这样修改本地库后，可以推送本地代码到远程仓库）






<div class="se-preview-section-delimiter"></div>

## 配置

修改_config.yml文件里面的内容，_config.yml文件存放在hexo根目录下面，修改title，url，new_post_name等信息，要注意的一点就是，





<div class="se-preview-section-delimiter"></div>

```bash
title: xingstar‘s blogs 

title:是有一个空格的，千万要注意，不然后面会出错的。

我修改的部分如下：

title: xingstar‘s blogs
subtitle:
description: 技术成长 记录
author: xingstar
email: xxx823952375@gmail.com
language: zh-CN 

url: http://xingstarx.github.io
new_post_name: :year-:month-:day-:title.md # File name of new posts

deploy:
  type: git
  repo: https://github.com/xingstarx/xingstarx.github.io.git
  branch: master

还需要注意一点的就是,deploy方式，的type类型是git方式，而非github，hexo3.0得用这种方式，然后配置自己的repo，以及branch

另外，再介绍修改主题的内容

git clone https://github.com/wuchong/jacman.git themes/jacman

添加了一种主题，需要到配置文件里面修改,将原来的值改为jacman

theme: jacman

写博客

下面再介绍写博客的内容，在hexo目录下，启动终端，或者用别的方式切换到hexo目录下,按下面的方式创建文章

? xingstarx hexo new post 初次体验hexo

即创建了一篇名为初次体验hexo的博客文章的markdown文件。由于前面我设置的(new_post_name: :year-:month-:day-:title.md # File name of new posts)生成的markdown文件也会带上时间前缀。具体的文件是在hexo/source/_posts目录下/2015-06-24-初次体验hexo.md
然后可以通过markdown编辑器来编辑文章，添加文章的内容，推荐一款markdown编辑器mou还比较方便使用，下面是我随手写的内容，开头部分是自动生成的，包括title，时间等信息

title: 初次体验hexo
date: 2015-06-24 16:32:12
tags:
安装git和nodejs
mac下安装git
mac下安装nodejs,在nodejs.org上面下载pkg文件
安装hexo

就先写这么多的内容，写完后，运行以下一系列的命令：

hexo g #生成文件
hexo s #启动服务器（有提示，怎么访问的）
hexo d #部署到线上，也就是github上面
下面部署环节相当于包含进去了，请注意下

部署

部署的时候需要注意下，每次在本地修改好后，就同步到github远程库中去，保持一致，当本地编写完博客后，就按照上面的三个命令来操作，前两个命令本地可以观察效果，最后一个命令是真正的部署操作。时间比较长吧（记得第一次的时候是很长的。）