title: 个人建站&mac下安装hexo
date: 2018-04-18 16:34:02
tags: [mac,blog,个人建站,markdown]
---
这两天使用了markdown来写文章,发觉甚是好用。条理清晰,排版清爽。so,萌生了使用支持markdown的hexo来进行个人建站。
hexo的serv是基于node.js的,所以首先我们要安装node.js。
已经安装的可以跳过。
安装 Node.js 的最佳方式是使用 nvm。
nvm是node.js的安装包管理器。
千万不要使用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.sh2.linux安装方式,解决终端关闭后command not found:nvm 的问题
首先清理下
brew install nvm # brew 安装 nvm nvm --version # 查看版本 brew uninstall nvm # 卸载nvmcurl方式
curl https://raw.github.com/creationix/nvm/master/install.sh | shWget方式
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是安装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订阅等都还没弄
最近又开始忙了,只能以后再做了