在 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 的过程请转到下一篇文章

Arnold Knegt

Read more posts by this author.

or subscribe via RSS with Feedly!
由于相关政策限制,评论系统对中国大陆用户不可见。详情请点击。
Due to some policy reasons, you're not able to access to our comment system in mainland China. Click here for details.