个人建站&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 :4000/. Press Ctrl+C to stop.

打开:4000/或: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   使用者名称    
root   远程主机的根目录    
port   端口   22  
delete   删除远程主机上的旧文件   true  
verbose   显示调试信息   true  
ignore_errors   忽略错误   false  

host是我自己的足迹

user是在主机上给hexo新建的用户

root是存放部署文件的目录

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

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

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zydfsz.html