在 Mac ( OS X ) 上部署 Hexo 博客

早就想试试基于 Node.js 的 Hexo,在网上看到的各种方法有着种种疏忽,或许是我搜索不努力的原因,在这里我再重写写一下。有关部署的 Github 的方法,请看我的下一篇文章

  1. 安装 Xcode
    在 App Store 里搜索 Xcode,速度还是挺快的,安装好的请忽略。

屏幕快照 2015-08-13 下午4.02.37.png

  1. 安装 Homebrew
    推荐使用 Homebrew 来安装Git。打开终端,输入以下指令安装 Homebrew:

ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”
2. 安装 Git
在终端中输入:

brew install git
3. 安装 Node.js
在终端中输入:

brew install node

使用以下命令验证是否安装成功

node -v
npm -v
  1. 安装 Hexo
    可能需要 root 权限,所以加上sudo,如果不需要则可自行去掉。

sudo npm install hexo-cli -g
2. 设置 Hexo
先进入你要操作的目录:

cd+空格+文件路径

例如:

cd /Users/AirScript/Documents

新建博客目录,这里目录名为blog(可自行更改):

hexo init blog

进入 blog 文件夹:

cd blog

初始化依赖:

npm install

Hexo 就会在该文件夹建立博客所需要的所有文件。本地的 Hexo 博客已经初步搭建起来,输入以下指令,启动服务器:

hexo server

此命令在以后启动 Hexo 还会用到,可以简写为:

hexo s

生成的文件结构:

屏幕快照 2015-08-13 下午4.23.13.png

.deploy:执行hexo deploy命令部署到GitHub上的内容目录 public:执行hexo
generate命令,输出的静态网页内容目录 scaffolds:layout模板文件目录,其中的md文件可以添加编辑
scripts:扩展脚本目录,这里可以自定义一些javascript脚本
source:文章源码目录,该目录下的markdown和html文件均会被hexo处理。该页面对应repo的根目录,404文件、favicon.ico文件,CNAME文件等都应该放这里,该目录下可新建页面目录。
_drafts:草稿文章
_posts:发布文章 themes:主题文件目录
_config.yml:全局配置文件,大多数的设置都在这里 package.json:应用程序数据,指明hexo的版本等信息,类似于一般软件中的 关于 按钮

就可以在浏览器中输入 localhost:4000 查看本地博客了。要注意的是,所有的hexo指令都必须在你所建立的目录下执行。

QQ20150813-1@2x.png

输入 Ctrl+C 即可终止服务。

关于部署到 GitHub 的过程请转到下一篇文章