个人建站&mac下安装hexo

title: 个人建站&mac下安装hexo
date: 2018-04-18 16:34:02
tags: [mac,blog,个人建站,markdown]
---
这两天使用了markdown来写文章，发觉甚是好用。条理清晰，排版清爽。so，萌生了使用支持markdown的hexo来进行个人建站。

setup 1 安装node.js:

hexo的serv是基于node.js的，所以首先我们要安装node.js。
已经安装的可以跳过。

安装 Node.js 的最佳方式是使用 nvm。
nvm是node.js的安装包管理器。

nvm的安装，不要使用brew

• 千万不要使用brew安装，被搞得死去活来，终端一关nvm就not found了
• 千万不要使用brew安装，被搞得死去活来，终端一关nvm就not found了
• 千万不要使用brew安装，被搞得死去活来，终端一关nvm就not found了
  重要的事情说三遍！！！

1.使用brew安装（请忽视）

mac下可以直接使用brew安装，没有安装brew的可以参考方法2。

brew install nvm

安装完成后记得刷新变量

source $(brew --prefix nvm)/nvm.sh 

2.linux安装方式，解决终端关闭后command not found:nvm 的问题

首先清理下

brew install nvm # brew 安装 nvm
nvm --version # 查看版本
brew uninstall nvm # 卸载nvm

curl方式

curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget方式

wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

或直接指定版本

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash

安装后，在.zshrc（使用了oh-my-zsh）中添加全局变量,没有直接vi创建

vi ~/.zshrc

如果是bash,修改.bash_profile

vi ~/.bash_profile

添加变量，直接将下面三行代码放进去,“User/a”是我的用户根目录

export NVM_DIR="User/a/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
source $NVM_DIR/nvm.sh # 每次启动自动刷新变量

查看版本
nvm --version # 0.33.2

安装npm

npm是安装node.js的第三方插件工具。

使用以下命令安装npm稳定版本:

# nvm install stable # 安装稳定版本
nvm alias default stable # 指定并安装稳定版本

当然，也可以安装其它版本:

nvm install 5.0.0 # 安装 5.0.0 版本
nvm install 0.12.7 # 安装 0.12.7 版本

如果nvm not found，重启终端后重新运行。

stable安装完成后，可以发现当前版本是5.6.0(截止时间2018-04-18)

npm -v # 5.6.0

setup2 安装hexo

创建 hexo 文件夹

mkdir /Users/a/hexo
cd /Users/a/hexo

使用NPM安装hexo

npm install -g hexo-cli

使用init命令创建站点

hexo init myhome

编译启动

cd myhome
hexo g # hexo generate # 编译,生成静态文件
hexo s # hexo server # 启动服务

可以看到如下信息

INFO  Start processing
INFO  Hexo is running at http://localhost:4000/.      Press Ctrl+C to stop.

打开http://localhost:4000/或http://ip:4000，可以看到我们的站点已经运行。

个性设置

大部分站点配置信息都在_config.yml中，具体参考hexo官方文档:配置

setup3 安装next主题

官方next主题安装，请参考Next

本次我们安装的是ezlippi这个哥们根据next定制的个性化主题，这是他的Githup

使用Git下载主题

cd hexo
git clone https://github.com/EZLippi/hexo-theme 
mv -i hexo-theme/next myhome/themes 

应用hexo主题

vim /Users/a/hexo/myhome/_config.yml

找到 theme 字段，并将其值更改为 next，如下所示：

theme: next

其它的next配置，请参考next配置

hexo常用命令

hexo new '我的文章' # 生成新md文件

hexo g # hexo generate # 编译,生成静态文件
hexo d # hexo deploy # 部署
hexo s # hexo server # 启动服务

hexo clean # 清理缓存

hexo资源

以我的myhome为例，new出来的md文件存放在source/_posts下。

setup4 远程部署

Hexo 提供了一键部署功能，我们使用Rsync方式将代码部署到云主机上去。

安装 hexo-deployer-rsync

npm install hexo-deployer-rsync --save

修改配置：

deploy: 
  type: rsync
  host: 111.231.250.221
  user: hexouser
  root: myhome
  port: 22
  delete: true
  verbose: true
  ignore_errors: false

• host是我自己的足迹
• user是在主机上给hexo新建的用户
• root是存放部署文件的目录

这个是我个人网站的截图，

当然，还有很多事情没做，nginx代理，next个性化设置，rss订阅等都还没弄

最近又开始忙了，只能以后再做了

参考文档：

Jekyll迁移到Hexo搭建个人博客
[hexo官方文档] (https://hexo.io/zh-cn/docs/)
[next 官方文档] (http://theme-next.iissnan.com/getting-started.html)