关于Mac环境下Hexo搭建指南

其他 2018-11-16 阅读

环境配置

安装Hexo前需要先安装Git和Node.js

Git安装

HomeBrew是一种包管理工具，可以帮助您方便快捷的安装与卸载软件。

$ brew install git

安装结束后在命令行输入git后运行，如果屏幕上出现git命令的使用帮助，说明安装成功。

SSH配置

首先检查本地是否已存在ssh-keys

$ ls -a ~/.ssh/

以上命令列出当前用户主目录下的.ssh目录中的所有文件，如果存在id_rsa和id_rsa.pub则跳过下一步，否则需要手动生成一组ssh-key

手动生成

$ ssh-keygen -t rsa -C "your_email@example.com"

其中your_email@example.com换成自己的git帐号邮箱即可

生成的文件默认会放在之前提到的.ssh目录中，我们需要获得公钥的值，在命令行输入

$ cat ~/.ssh/id_rsa.pub

该命令将公钥文件中的值，也就是一个很长的字符串输出到命令行中，复制该值备用。

Node.js安装

Node是javascript的一种运行时环境，也是近年来非常流行的一门技术。安装Node.js的最佳方式是使用nvm。在命令行输入

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

这条命令通过curl下载install.sh脚本，并执行脚本。待执行完成后，它会把nvm命令的执行路径放到~/.bashrc文件里，我们可以用cat命令来查看一下

$ cat ~/.bashrc

确认存在以上配置后，通过执行source命令来使得环境变量生效

$ source ~/.bashrc

至此我们就把nvm安装好了，可以通过以下命令查看nvm版本号

$ nvm --version

如果能正确打印出版本信息就证明nvm已经安装成功。接着通过执行以下命令来安装Node.js

$ nvm install stable

安装Hexo

上述环境配置完毕后，即可安装hexo

$ sudo npm install -g hexo-cli

npm是Node.js自带的一个包管理工具，用于安装和卸载Node模块。上面的命令将Hexo这个模块以全局的方式安装到我们的电脑中，是Hexo官方推荐的方式。但笔者在运行这条命令时，出现了如下的错误

npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/hexo-cli'
npm ERR!     at Error (native)
npm ERR!  { [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/hexo-cli']
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: '/usr/local/lib/node_modules/hexo-cli',
npm ERR!   fstream_type: 'Directory',
npm ERR!   fstream_path: '/usr/local/lib/node_modules/hexo-cli',
npm ERR!   fstream_class: 'DirWriter',
npm ERR!   fstream_stack:
npm ERR!    [ '/usr/local/lib/node_modules/npm/node_modules/fstream/lib/dir-writer.js:35:25',
npm ERR!      '/usr/local/lib/node_modules/npm/node_modules/mkdirp/index.js:47:53',
npm ERR!      'FSReqWrap.oncomplete (fs.js:82:15)' ] }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

询问度娘，采用另外一种安装方式，如下：

$ sudo npm install --unsafe-perm --verbose -g hexo

至此，Hexo本人尝试安装成功。

Hexo使用

终端切换到一个你准备用来搭建博客的目录，然后执行命令

$ hexo init blog

其中blog将会作为博客网站的本地主目录，该命令对文件夹进行了初始化，生成了一些建设网站所必须的材料。切换到myblog文件夹下，执行以下命令

$ npm install

安装完成后，执行

$ hexo server

出现如下即可说明搭建成功

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

复制http://localhost:4000/ 到浏览器就可以看到hexo默认配置的landscape主题的博客界面
再往后就是定制化，个性化修改你自己想要的风格了。

修改配置信息

通过git发布

首先，我们要在github上新建一个Repository，名称固定为

$ yourNickName.github.io

其中yourNickName指的是你的github账户昵称，注意必须按照这个规则来命名。然后我们编辑myblog/_config.yml文件，在文件的最后几行找到deploy设置项，按照下面的方式进行修改

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: git@github.com:coolBoyGym/coolboygym.github.io.git
  branch: master

其中的repository字段需改成你自己的giuhub项目对应的地址。

修改完成后，在blog目录下依次运行以下命令（此命令本地修改后 push到git都需要执行）

$ hexo generate
$ hexo deploy

Hexo会将所有文件推送到github上对应的项目中。然后访问一下地址：

https://yourNickName.github.io

即可查看你自己的博客啦

修改背景图

body {
    background:url(https://source.unsplash.com/random/1600x900);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
}

url可更换为自己喜欢的图片的地址。

repeat：是否重复出现

attachment：定义背景图片随滚动轴的移动方式

position：设置背景图像的起始位置。

赏