hexo博客搭建及服务器部署

闲言碎语

现在是北京时间2022年5月22日的4点26分，小章在忙碌了几天之后，终于实现了他的第一个博客网站。所以，我决定要把这些方法整理一下交给大家，让你的博客能够做出来，同时也十分好看。

准备工作

在做博客之前，你需要先去腾讯云、阿里云等云服务器的网站那里，租一台属于你的服务器，价格不贵，算上学生特惠，我到手是168一年。我买的是腾讯云的，因为当时打开阿里云发现活动看不太懂，就选择了贵些的腾讯云（不过二者操作差距不大，可以类比）。还需要你自己的电脑装上node.js,hexo一些软件，软件类的后面我们细说，前面就浅谈一下。除此之外，还需要申请ssl证书，并且购买一个属于你自己的域名（其实没有也行，就是会麻烦一些，就只可以yongip地址登录）。

第一步：软件的下载以及环境的配置

安装node.js 以及git:

node.js 16.15.0长期维护版

git（官网下载地址）
这里node.js我安装的是上面的版本，但是git我安装的版本不太一样，就没有直接放，而是给大家提供了一个官方的下载位置，我们可以根据自己的系统位数来选择合适的版本下载。

按照软件的提示下载好之后可以试运行一下，看看这两个软件有没有成功安装。

node.js验证方式：

win + R 唤出运行，输入cmd,回车，输入下面代码：

node -v npm -v

如果出现下面情况就表示你的软件正常安装，不需要单独配置软件的运行环境。

C:\Users\Administrator>node -v npm -v
v16.15.0

如果没有出现以上的画面，表示你的软件没有帮你在安装的时候配置好相应的环境，需要按以下步骤来操作：回到桌面，右键此电脑，点击属性，高级系统设置，在倒数第二排有个环境变量的按钮，按下去，在系统变量（下面的大框）找到Path，双击（！！！不是新建，不然配置完这个你之前配置的其他软件的环境变量就没了），在上面找个空白输入你找到的Node的安装目录,也就是Node.js的所在目录，加入过后点确定退出设置，到cmd中重复之前说的命令，出现上述画面就是安装成功了。

git配置：

和上一个软件配置方式一样，用cmd输入

git version

出现：

C:\Users\Administrator>git version
git version 2.33.1.windows.1

则说明在软件安装时就配置成功了，若未出现则需要我们手动配置，按照上面说的添加系统变量的方法，我们找到自己git安装目录的bin文件夹，将git.exe的所在目录复制，添加到系统变量Path中，确认退出，如果出现上面的情况，就代表配置成功，到桌面上右键后右键菜单里会多出来两个Git开头的命令，那就说明我们git的环境变量配置完成了。

安装hexo

有两个方法安装，先说第一种：

在你想创建博客的地方建立你的博客文件夹（例如我的是E:\blog），进入这个空的文件夹，右键git bush here，在呼出的命令中输入：

npm install hexo-cli -g
hexo init 
npm install hexo server
npm install hexo-deployer-git --save

此时，你的这个文件夹就作为了你的博客目录。

第二种不用git，直接在cmd下输入:

npm install -g hexo-cli

我们执行以下命令，生成一个博客：

hexo init blog

安装过程中，他会自动生成一个文件夹，这个文件夹就是Hexo的配置文件。
“blog”是你要生成博客的文件夹名称，可以根据自己的喜好来取名（你在哪个盘做命令，博客的文件夹就在哪个盘）。
第二种方法还需要再安装一个后续连接博客的插件，输入以下命令：

npm install hexo-deployer-git --save

PS：npm下载源是国外的，下载速度很慢，有时候网络不好会很折磨人，实在不想等可以去CSDN上大佬教的更换npm下载源学习学习。

上一步中我们的git并不能实现所有功能，我在学习哔哩哔哩视频时候发现，很多博主忽略了配置本地git账号这一点，可能是他们自己的电脑曾经配置过但是对于我们这些小白来说，没有用过git,自己的电脑直接用git部署连接服务器时，会出现Cannot......的报错，所以，我们在使用之前，就要先进行本地账号及邮箱的配置。

在你的博客文件夹(默认叫blog)中右键git bush here，在下面输入：

git config --global user.email "email"
# email改成自己的邮箱地址

设置好后继续输入：

git config --global user.name "name"
# name里面是你想取的git名字

最后本地测试下你的第一个hexo是否成功打开，在博客文件夹的cmd输入：

hexo s

如果没有报错，按照上面给出的网址复制到浏览器打开就可以看到你的博客啦。