一直想建立一个自己的个人网站,可以在上面分享自己的生活,想想都觉得是一件很有逼格又很开心的事情。但是因为自己确实不是专业的开发人员,所以整个过程可能会比较慢也比较痛苦,在此记录下来。若能帮助到各位我也是很开心的。
这里我选择使用GitHub
+Hexo
的方法来搭建自己的个人网站,我会分为几个篇章来详细介绍搭建过程,第一篇先来介绍正式部署前需要做哪些准备。
需要安装的软件:
建议在安装之前提前装好
Homebrew
,将会大大提高效率。关于Mac系统安装Homebrew
的教程请参考我之前写的一篇文章:Mac小白初安装「Homebrew」踩坑记录
安装git
在终端输入以下命令即可一键安装成功
brew install git
安装Node.js
Mac环境下输入brew install node
命令默认安装的是最高版本的Node.js
,但是考虑到Hexo
是基于其下的框架,为避免兼容性出现问题,我们还是尽量安装相应版本的Node.js
。Hexo
的官方文档中建议安装Node.js 12.0
。
我们可以使用命令brew search node
查找可用的版本,如下图:
~ % 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
进行安装,输入命令:
~ % brew install node@12
待安装完成后,输入命令:
~ % brew link node@12
这时,会出现一些提示,比如:
~ % 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 -v
和npm -v
命令来查看版本号,如果出现对应的版本号则表示安装成功:
~ % node -v
v12.22.7
~ % npm -v
6.14.15
之后我们可以使用下面的命令为其配置镜像源:
npm config set registry https://registry.npm.taobao.org
安装Hexo
根据Hexo
的官方文档提供的教程,我们可以直接输入下面的命令进行安装:
npm install -g hexo-cli
完成之后可以用hexo -v
命令来查看版本号。
到此,我们的软件准备工作就完成啦,撒花🎉~