个人建站&mac下安装hexo

Posted 姚毛毛-linuxido.com

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了个人建站&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 使用者名称
root 远程主机的根目录
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)

以上是关于个人建站&mac下安装hexo的主要内容,如果未能解决你的问题,请参考以下文章

Hexo建站教程

Mac系统下搭建静态个人博客——Hexo框架

Mac系统下搭建静态个人博客——Hexo框架

Mac下使用GitHub+Hexo搭建个人博客

在Coding上搭建Hexo个人博客

MAC下利用Github hexo 多说百度统计 建立个人博客指南