如何快速搭建个人博客?
前言
我一直都想拥有一个属于自己的网站,自己的博客;
很开心,我做到了,这里就与大家分享一下我的搭建过程;
- 搭建个人博客大概有以下几个步骤:
- 本地环境配置:安装Node.js,Git,Hexo
- 阿里云服配置:域名备案,添加安全组,域名解析
- 服务器环境配置:安装Node.js,Git,Nginx,Pm2
- github配置webhooks
注:我的本地环境为Win10,云服务器为Centos7
本地环境配置
安装Node.js
node.js是一个后端的JavaScript运行环境,拥有它,就可以编写系统级或者服务器端的 Javascript 代码,交给node去解释执行。
为什么要装node?Hexo本身就是一个JS框架,里面有很多JS脚本,需要node环境去执行。
这里使用的是安装nvm管理node版本的方式,所以先安装nvm,nvm是针对node产生的一个版本控制工具,使用它可以下载和切换不同版本的node.
npm是一种包管理工具,通过npm可以安装各种在npm上传的工具包。在安装node的时候npm会同时安装。
后面会需要使用npm安装如hexo等工具。
安装nvm(Node Version Manager)
- 下载Windows10版nvm安装版本
1.1 解压,以管理员身份运行nvm-setup.exe文件
1.2 安装过程一路next,但要注意安装路径名不能有中文,否则可能出现一些莫名其妙的错误.
1.3 配置npm和node.js的下载源
1.3.1 编辑nvm目录下的settings.txt文件,在最后加入如下内容
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
1.4 安装并配置npm及node.js
1.4.1 命令行输入命令:
nvm v
检查nvm是否安装成功
如果出现不是内部或外部命令,检查环境变量
在系统变量和用户变量加入NVM_HOME(nvm安装目录)和NVM_SYMLINK(node.js安装目录)
安装nodenvm install 8.0.0
使用nodenvm use 8.0.0
检查node和npm:node -v
npm -v
安装多个node版本并切换:nvm list
安装最新的node.js及配套npmnvm install latest
如果想要切换:nvm use 想要使用的node版本
- 命令行的形式安装(推荐使用)
2.1 安装nvm
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | >> bash
安装完之后,重新执行全局变量文件source ~/.bash_profile
输入nvm
能够显示nvm版本或者收到Node Version Manager信息即为安装成功
如果提示找不到nvm命令或者没有.bash_profile文件,可以手动添加环境变量
vi ~/.bash_profile
把这段内容加到文件中
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
再次执行source ~/.bash_profile
2.2 通过nvm安装node.js
在安装完毕nvm并配置好环境变量后,就可以通过nvm控制node版本
查看node版本nvm list-remote
选择任意版本安装nvm install v8.11.4
查看已经安装的node版本node list
切换想要使用的版本nvm use v8.11.4
将此版本设置为默认版本nvm alias default v8.11.4
验证是否安装成功node --version
npm -v
安装Git
安装完成后
git -version
确认
git ssh配置
ssh的配置目的是为了之后部署好代码,上传时不需要每次都输入用户名密码
第一次配置需要你的github用户名和邮箱地址