一些说明和资源

所使用到的软件版本：

Ubuntu Nginx Git hexo
20.04 LTS 1.18.0 2.25.1 5.4.0.

其他说明：这里所演示的是在 VirtualBox 中进行的，实际工作场景可以是云服务器上
（因为我通常在虚拟机折腾完之后再同步到服务器hhh）

大致的布局和思路

大致的布局和思路

安装Ubuntu 20.04 LTS

这里先挖个坑，后续再补充文章…

这里可以参考这位老哥的：安装Ubuntu 20.04 LTS服务器的图文教程

服务端

安装并配置Nginx

安装

先更新源：

1
2
3
4
# 获得源上的软件包列表信息
$ sudo apt-get update
# 更新本地软件
$ sudo apt-get upgrade

然后安装：

1
2
# -y 表示yes
$ sudo apt-get install -y nginx

启动服务器：

1
2
$ systemctl start nginx
$ systemctl enable nginx

nginx默认的配置文件的路径是：/etc/nginx/

修改配置文件

我们可以看到/etc/nginx/ 目录下的文件
/etc/nginx
正常来说应该是 nginx.conf 这个文件，我们编辑它：

1
$ sudo vim nginx.conf

打开后并没有在http下看到我们熟悉的server、listen这些熟悉的东西，但是会看到有这么两行： nginx.conf
所以我们可以在 /etc/nginx/conf.d/*.conf下进行配置

1
2
$ sudo cp sites-available/default conf.d/default.conf
$ sudo vim default.conf

IP改为自己的IP
root改为自己的资源路径，这里要与后面Git的勾子对应

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
server {
		listen 80 default_server;
		listen [::]:80 default_server;
		server_name 192.168.37.131;	// 这里写自己的服务器IP

		# root /home/xld/hexo;
		# index index.html;

		location / {
				root /home/xld/hexo;
                index index.html;
                autoindex on;
        }
}

// 还可以简单的配置监听多个端口（具体的可以看其他 nginx 的配置）
// server {
//        listen 81;
//        listen [::]:81;
//        server_name 192.168.37.131;
// 
//        root /home/xld/api;
//        #index index.html;
// 
//        location / {
//                 root /home/xld/api;
//                 autoindex on;
//        }
// }

配置完记得保存然后重新加载一下，这里列出几个常用的nginx命令：

1
2
3
4
$ nginx -t	// 查看nginx状态（用来测试配置是否正确）
$ nginx -s reload	// 重新载入配置文件
$ nginx -s reopen	// 重启 Nginx
$ nginx -s stop		// 停止 Nginx

*创建hexo文件夹

1
2
3
$ cd ~
$ mkdir hexo
$ sudo chmod 775 hexo	// 这里应该是权限问题我没搞懂，不改的话后面git钩子钩过来但权限不足，导致同步不了。

Git仓库

Git安装和用户创建

安装git：

1
$ sudo apt-get install git

注：这里往后基本上都是root在进行的，注意切换！

配置git用户：

1
$ adduser git

修改权限：

1
2
$ chmod 740 /etc/sudoers
$ vim /etc/sudoers

定位到这里，加上 git用户这一行
/etc/sudoers
然后保存并退出，将sudoers文件权限改回原样：

1
$ chmod 400 /etc/sudoers

设置git用户的密码：

1
$ sudo passwd git

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

1
2
3
4
$ su git
$ cd ~
$ mkdir .ssh
$ cd .ssh

生成公钥密钥文件：

1
$ ssh-keygen

将公钥文件复制一份：

1
$ cp id_rsa.pub authorized_keys

修改authorized_keys的权限：

1
2
3
$ chmod 755 ~
$ chmod 700 ~/.ssh
$ chmod 600 ~/.ssh/authorized_keys

然后保存并退出后，我们就可以利用ssh连接和登陆git用户啦~

Git的勾子hooks

创建仓库

1
2
3
4
$ su root
$ cd /home/git
$ git init --bare blog.git		// 在/home/git下创建新仓库blog.git
$ chown git:git -R blog.git		// 给予git用户权限

在 /home/git/blog.git/hooks 下创建一个 post-receive 文件
把提交到 /home/git/blog.git 仓库里的文件同步到 /home/xld/hexo（上文nginx的root资源目录） 中。

1
2
$ cd blog.git/hooks/
$ vim post-receive

在 post-receive 中添加以下内容：

1
2
#!/bin/bash
git --work-tree=/home/xld/hexo --git-dir=/home/git/blog.git checkout -f

保存退出，添加可执行权限：

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

给 /home/xld/hexo/ 添加写权限：

1
2
$ cd /home/xld/
$ chmod 777 hexo

本地端

安装node.js

菜鸟教程，你值得拥有：Node.js 安装配置

hexo

进入到你的blog文件夹下（比如我是windows，就cmd进入到 E:\blog 目录下）

安装&初始化

安装

1
2
3
4
$ npm install -g hexo-cli

// 安装成功后可以查看相关信息
$ hexo -v

初始化一个博客

1
$ hexo init

启动博客

1
$ hexo s

启动之后我们就可以在浏览器输入localhost:4000进行访问了
然后你就可以看到 Hello World 文章和它的四个常用命令

部署到服务端

打开文件夹下的 _config.yml 文件：

找到 deploy 这一项，然后按格式添加自己的仓库地址
（如果你有多个仓库的话，按格式接着写就能一次性git上去）
deploy
保存退出，然后顺便把服务端也停掉（上面的 hexo s）

清除旧文件&重新生成&发布：

1
$ hexo clean & hexo g & hexo d

直接 $ hexo d 也行，只不过说一下可以这么用而已……

之后等他自动执行发布就好了，如果有提示你输入git用户/密码，照着输入就行
之后有ssh就会方便一点

访问服务端进行浏览

返回 Ubuntu LTS 上，在 /home/xld/hexo 应该能看到 hexo 自动发布的东西
如果你 nginx 没啥问题的话，这时在其他电脑的浏览器上，输入IP地址，就能访问到刚刚那篇 Hello World 文章啦~

再回过头来看开局的那张图。。。

这简陋的界面多少都有点接受不了吧…这时就可以去到hexo官网 找到一个自己喜欢的主题进行魔改吧~

参考文章