前置：#

开放服务器常用端口，配置好防火墙或安全组等

访问服务器终端进行环境配置

1. 安装git和nginx#

更新软件包：

1
sudo apt update

安装Nginx：

1
sudo apt -y install nginx git

验证：

1
nginx -v

启动nginx服务：

1
systemctl enable nginx.service
2
systemctl start nginx.service

查看状态：

1
systemctl status nginx.service

如果显示active，那么就代表安装成功了。

2. 配置git仓库和HOOK#

创建git用户：

1
#创建用户，用户名为git
2
adduser git
3
#设置密码
4
passwd git

把git用户添加到sudo用户组中：

输入sudo vi /etc/sudoers，打开sudoers文件

到代码行root ALL=(ALL) ALL，然后在这一行下添加以下代码git ALL=(ALL) ALL。

输入完毕之后，按wq!强制保存退出vi。

切换到git用户，添加SSH Key文件并且设置相应的读写与执行权限：

1
# 切换用户
2
su git
3
# 创建目录
4
mkdir ~/.ssh
5
# 新建文件
6
vim ~/.ssh/authorized_keys

然后把之前在客户端设置的SSH Key复制到authorized_keys文件中，保存后退出。

配置权限：

1
chmod 600 ~/.ssh/authorized_keys
2
chmod 700 ~/.ssh

创建一个新的文件夹，用于存放git仓库：

1
mkdir /home/git/

修改权限：

1
chown -R $USER:$USER /home/git/
2
chmod -R 755 /home/git/

创建git仓库：

1
cd /home/git/
2
git init --bare blog.git

创建hook：

1
vim ~/blog.git/hooks/post-receive

输入以下内容：

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

1
# 在john.git/hooks文件夹下，修改post-receive文件权限，使其能够被正常执行
2
chmod +x post-receive

在本地的网站配置文件中配置如下：

1
deploy:
2
  type: git
3
  repo: git@公网IP:/home/git/blog.git
4
  branch: master

再运行hexo cl; hexo g; hexo d即可部署到服务器上。

3. 配置nginx环境#

创建托管地址：

1
mkdir -p /home/www/blog
2

3
chown -R $USER:$USER /home/www/blog
4
chmod -R 755 /home/www/blog

这是之后博客网页文件的上传地址

之后找到nginx的配置文件（nginx.conf）

一般位于/etc/nginx，也可以用nginx -t来查找：

修改配置文件中的server项：

1
server {
2
        listen       80;
3
        server_name  example.com;             #域名
4

5
        ……
6

7
        location / {
8
            root   /home/www/blog;
9
            index  index.html index.htm;
10
        }
11

12
}

主要是修改server_name与root，server_name修改为域名，没有域名就不用修改了，root就是blog静态资源文件目录。

然后重启nginx服务：

1
sudo systemctl restart nginx.service

_config.yml 网站配置文件：#

1. Site项：

1
# Site
2
title: Hexo
3
subtitle: ''
4
description: ''
5
keywords:
6
author: mitu
7
language: en
8
timezone: ''

1. URL：填写成你自己的域名即可

_config.butterfly.yml 网站配置文件：#

1. menu项：网站的菜单，指向你的每一个页面，需要去掉注释。

   例如：

   

2. code_blocks项：代码块的主题，风格调整

   1
   code_blocks:
   2
     # Code block theme: darker / pale night / light / ocean / false
   3
     theme: light
   4
     macStyle: true
   5
     # Code block height limit (unit: px)
   6
     height_limit: 200
   7
     word_wrap: false

3. social项：填写自己的联系方式

   1
   social:
   2
     fab fa-github: https://xxxxxx/xxxxxx || Github || '#24292e'
   3
     fas fa-envelope: mailto:xxxxxx@qq.com || Email || '#4a7dbe'

4. avatar：网站图标和头像

   1
   favicon:
   2
   
   3
   avatar:
   4
     img:
   5
     effect: false

5. banner images：网站各个地方的banners图片（具体看自己应用）

   1
   # Disable all banner images
   2
   disable_top_img:
   3
   
   4
   # If the banner of page not setting, it will show the default_top_img
   5
   default_top_img:
   6
   
   7
   # The banner image of index page
   8
   index_img:
   9
   
   10
   # The banner image of archive page
   11
   archive_img:
   12
   
   13
   # Note: tag page, not tags page
   14
   tag_img:
   15
   
   16
   # The banner image of tag page, you can set the banner image for each tag
   17
   # Format:
   18
   #  - tag name: xxxxx
   19
   tag_per_img:
   20
   
   21
   # Note: category page, not categories page
   22
   category_img:
   23
   
   24
   # The banner image of category page, you can set the banner image for each category
   25
   # Format:
   26
   #  - category name: xxxxx
   27
   category_per_img:
   28
   
   29
   # The background image of footer
   30
   footer_img:

6. background项：网站的背景图片

   1
   background:
   2
     - background.png