一直想建立一个自己的个人网站,可以在上面分享自己的生活,想想都觉得是一件很有逼格又很开心的事情。但是因为自己确实不是专业的开发人员,所以整个过程可能会比较慢也比较痛苦,在此记录下来。若能帮助到各位我也是很开心的。

这里我选择使用GitHub+Hexo的方法来搭建自己的个人网站,我会分为几个篇章来详细介绍搭建过程,第一篇先来介绍正式部署前需要做哪些准备。

需要安装的软件:

  1. Git
  2. Node.js
  3. Hexo

建议在安装之前提前装好Homebrew,将会大大提高效率。关于Mac系统安装Homebrew的教程请参考我之前写的一篇文章:Mac小白初安装「Homebrew」踩坑记录

安装git

在终端输入以下命令即可一键安装成功

1
brew install git

安装Node.js

Mac环境下输入brew install node命令默认安装的是最高版本的Node.js,但是考虑到Hexo是基于其下的框架,为避免兼容性出现问题,我们还是尽量安装相应版本的Node.jsHexo官方文档中建议安装Node.js 12.0

我们可以使用命令brew search node查找可用的版本,如下图:

1
2
3
4
5
6
 ~ % brew search node
==> Formulae
libbitcoin-node node node-sass node@12 node@16 nodebrew nodenv
llnode node-build node@10 node@14 node_exporter nodeenv ode
==> Casks
nodebox
然后我们选择node@12进行安装,输入命令:
1
~ % brew install node@12
待安装完成后,输入命令:
1
~ % brew link node@12
这时,会出现一些提示,比如:
1
2
3
4
5
~ % brew link node@12
Linking /usr/local/Cellar/node@12/12.22.7... 3868 symlinks created.

If you need to have this software first in your PATH instead consider running:
echo 'export PATH="/usr/local/opt/node@12/bin:$PATH"' >> ~/.zshrc
我们根据提示进行操作即可。

最后我们使用node -vnpm -v命令来查看版本号,如果出现对应的版本号则表示安装成功:

1
2
3
4
~ % node -v
v12.22.7
~ % npm -v
6.14.15

之后我们可以使用下面的命令为其配置镜像源:

1
npm config set registry https://registry.npm.taobao.org

安装Hexo

根据Hexo官方文档提供的教程,我们可以直接输入下面的命令进行安装:

1
npm install -g hexo-cli
完成之后可以用hexo -v命令来查看版本号。

到此,我们的软件准备工作就完成啦,撒花🎉~

参考资料
  1. https://git-scm.com/
  2. https://nodejs.org/en/
  3. https://hexo.io/
  4. homebrew 安装指定版本node
  5. MacOS 使用 brew 安装Node.js