在 Mac ( OS X ) 上部署 Hexo 博客
早就想试试基于 Node.js 的 Hexo,在网上看到的各种方法有着种种疏忽,或许是我搜索不努力的原因,在这里我再重写写一下。有关部署的 Github 的方法,请看我的下一篇文章。
- 安装 Xcode
在 App Store 里搜索 Xcode,速度还是挺快的,安装好的请忽略。
- 安装 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
- 安装 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
生成的文件结构:
.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指令都必须在你所建立的目录下执行。
输入 Ctrl+C 即可终止服务。
关于部署到 GitHub 的过程请转到下一篇文章。