Hexo搭建-部署服务器

附上个人博客地址: https://www.ufer.pub

关于云服务器的操作

1. 配置安全组规则

由于阿里云是默认不授权80端口的访问的,所以我们要手动配置。

打开阿里云服务器管理控制台->点击左侧安全组->点击右侧的配置规则->点击添加安全组规则

如下图
在这里插入图片描述

2.配置服务器环境

1.服务器环境搭建

我们需要nginx作为我们的服务器,所以我们首先要安装nginx。可以使用yum命令直接进行安装。

安装执行命令如下

1
yum install -y nginx

启动服务器:

1
2
3
systemctl start nginx

systemctl enable nginx

我们要记住的是/etc/nginx/是nginx默认的配置路径,一会要用到。

2.配置服务器路由

安装并启动服务器后,我们就完成了第一步,现在我们可以尝试使用自己的电脑去访问服务器的公网IP。我们可以惊喜地发现,公网IP可以打开一个nginx的默认网页。这样,我们就成功了第一步。

但是我们实际上是想要让这个地址指向我们的博客,而不是nginx的默认网址,这就需要我们去配置nginx的配置文件。我在配置的时候在网上查到的关于nginx配置文件的有关资料,大部分关于centOS的资料都是说配置位于etc/nginx/conf.d/ 下的dafault.conf 这个配置文件,但是我在配置的时候并没有找到它,后来查看了一下文件结构,阿里云默认的库下载的是fedora版本的nginx,所以我们应该配置的是位于 etc/nginx/ 下的 nginx.conf 。

我们先不急着打开这个文件,因为我并不建议直接配置这个文件,我们应该先创建一个新的文件,然后采用include的方式,将这个文件包含进nginx.conf中。

操作如下:

在/etc/nginx/目录下创建一个文件夹 叫 vhost

1
2
3
4
5
6
7
cd /etc/nginx/a

mkdir vhost

cd vhost

vim blog.conf

编辑 blog.conf文件内容

1
2
3
4
5
6
7
server{
    listen    80;
    root /home/www/website;这里填博客目录存放的地址
    server_name 这里填域名如(www.baidu.com) 如果暂时没有域名就填阿里云的公网ip,以后有了再改回来;
    location /{
    }
}

保存并退出

1
:wq

打开/etc/nginx/目录下的nginx.conf文件

vi /etc/nginx/nginx.conf
在这里插入图片描述

如果以后还想添加新的网站,也可以在vhost目录下新建一个conf配置文件。

在刚才我们自己写的blog.conf配置文件中root的路径相应路径建立博客的目录:

1
2
3
4
5
6
7
cd /home

mkdir www

cd /www

mkdir website

这样我们就可以得到 /home/www/website 作为博客的根路径,就和配置文件中的路径对应上了。

3.安装Git以及Node.js

1.安装Node.js

安装nodejs有很多种方式,我这边就说一种

1
2
3
curl -sL https://rpm.nodesource.com/setup_10.x | bash -

yum install -y nodejs

安装完成后执行 node -v 和 npm -v 如果打印版本号则安装成功

1
2
3
4
5
[root@localhost /]# node -v
v10.9.0

[root@localhost /]# npm -v
6.2.0

2.安装Git及配置仓库

这一部分主要目的是让我们个人的电脑可以通过ssh方式连接到云服务器,然后我们就可以通过命令行方式将我们的博客Po到服务器上。操作如下:

安装git:

1
yum install git

配置git用户

1
adduser git

修改用户权限:

1
2
3
chmod 740 /etc/sudoers

vi /etc/sudoers

找到这个位置添加下面这句话

git ALL=(ALL) ALL

在这里插入图片描述

保存退出后 将sudoers文件权限改回原样

1
chmod 400 /etc/sudoers

设置git用户的密码

1
sudo passwd git

切换到git用户,然后在~目录下创建.ssh文件夹

1
2
3
4
5
6
7
su git

cd ~

mkdir .ssh

cd .ssh

生成公钥密钥文件(这一步很重要,也是我踩过的坑)

1
ssh-keygen

此时在目录下就会有两个文件,分别是

1
id_rsa 和 id_rsa.pub

其中 id_rsa.pub 就是公钥文件 我们复制一份

1
cp id_rsa.pub authorized_keys

这样目录下就会有一个authorized_keys文件,它和id_rsa.pub一模一样。

最后我们修改它的权限

1
2
3
chmod 600 ~/.ssh/authorized_keys

chmod 700 ~/.ssh

然后我们在自己的电脑上自己的电脑上自己的电脑上(重要的事说三遍),打开cmd,使用ssh方式连接我们的云服务器。

在这里插入图片描述

最后提示

Welcome to Alibaba Cloud Elastic Compute Service !

说明登录成功了。

现在我们要创建一个git的仓库,并且新建一个post-receive文件,操作如下:

1
2
3
4
5
cd ~

git init --bare blog.git

vi ~/blog.git/hooks/post-receive

输入以下内容:

1
git --work-tree=/home/www/website --git-dir=/home/git/blog.git checkout -f

保存退出并授予该文件可执行权限

1
chmod +x ~/blog.git/hooks/post-receive

至此我们就完成了所有关于服务器端的配置。

关于本地主机的操作

1.安装Node.js

下载地址:Node.js
安装过程基本直接 下一步 就可以了。

安装完成后使用cmd查看是否安装成功

1
2
3
4
5
6
7
node -v

v10.16.2

npm -v

6.9.0

出现版本号说明安装成功

2.安装Hexo

由于使用npm直接下载会有很多人遇到卡顿的问题(国外服务器),所以我们要做的第一步工作是将npm换成淘宝的服务器。
cmd输入下面的命令:

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

然后安装cnpm

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

接下来就直接安装 hexo

1
cnpm install -g hexo-cli

然后我们选一个目录用来初始化博客程序
例如G:/Blog

cmd输入:

1
2
3
G:
cd Blog
hexo init

执行成功后安装两个插件

1
2
npm install hexo-deployer-git --save
npm install hexo-server

之后我们就可以在自己的本机上查看自己的博客了

1
2
hexo g
hexo s

打开浏览器访问 http://localhost:4000

3.配置_config.yml完成服务器的部署

在刚才生成hexo的目录下,找到_config.yml,打开它。
找到deploy 做如下配置

1
2
3
4
5
deploy:
type: git
repo: git@这里改为服务器公网IP:/home/git/blog.git      
branch: master                          
message:

保存退出
然后尝试写一篇文章并且发布到服务器上

1
2
3
hexo new "Hello My First Blog"
hexo clean && hexo generate --deploy
hexo d

在服务器上重新运行nginx服务器

1
nginx -s reload

完成部署

现在去本地主机浏览器上输入域名或者公网IP访问博客

可能出现的问题

执行 hexo deploy 后,命令行报错:

1
error deployer not found: git

那是因为你没有安装 hexo-deployer-git,执行 npm install hexo-deployer-git,具体看官方文档吧。

执行 hexo deploy 后,命令行报错:

1
remote: fatal: cannot create directory at '2019': Permission denied

并且,git hook 并没有执行,或者执行后在你的部署目录 /alidata/www/varcn/ 里并没有推送的文件,出现这个问题可能是你的部署目录 /alidata/www/varcn/ 没有写权限导致的,添加写权限只能就可以了;

1
2
3
cd /home/www/website

chmod go+w website

在这里插入图片描述

附上个人博客地址: https://www.ufer.pub