Freenom+Cloudflare+Nginx搭建静态站点

网络 VPN

Zyao89 2019年8月22日星期四 16:46

# 环境信息

服务器系统：CentOS7 以上
免费服务商：
- Freenom
- Cloudflare

# 提前完成

# 注册CentOS服务器

选择一家云服务器厂商注册一个服务。

# 注册域名

可以使用免费的 Freenom 注册一个域名。

配置域名解析的DNS为 Cloudflare。

# 注册DNS解析服务

可以使用免费的 Cloudflare 进行解析。

# 安装nginx

注意

以下所有操作都要在 root 权限下运行。

sudo -i

SSH链接服务器后，输入下面命令并回车进行nginx安装：

yum -y install nginx

# 配置nginx

命令行编辑nginx配置文件

vim /etc/nginx/conf.d/www.conf

基本配置信息如下，注释处请自行修改：

server {
    listen 443 ssl;
    listen [::]:443 ssl;
    server_name www.zyao89.cn;

    charset utf-8;

    ssl on;
    # 证书
    ssl_certificate       /etc/nginx/cert/zyao89.cn.crt;
    ssl_certificate_key   /etc/nginx/cert/zyao89.cn.key;
    ssl_protocols         TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers           HIGH:!aNULL:!MD5;
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:10m;
    ssl_session_timeout 10m;

    add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;

    root /root/wwwroot;
    index index.html index.php index.htm;

    # 图片缓存时间设置
    location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$ {
        expires 180d;
    }

    # JS和CSS缓存时间设置
    location ~ .*.(js|css)?$ {
        expires 30d;
    }

    location / {
        try_files $uri $uri/ /index.html;
    }

    error_page 404 = /404.html;

}

# 重定向80端口
server {
    listen 80;
    listen [::]:80;

    server_name zyao89.cn;

    return 301 https://www.zyao89.cn$request_uri;
}

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

# ws服务代理转发配置

upstream API_WS {
    server 127.0.0.1:30040;
}

server {
    location ^~ /api {
        proxy_redirect off;
        proxy_pass http://API_WS;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $http_host;
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14

# nginx参考配置

配置内容请自行替换修改。

upstream API_WS {
    server 127.0.0.1:30040;
}

server {
    listen 443 ssl;
    listen [::]:443 ssl;
    server_name www.zyao89.cn;

    charset utf-8;

    ssl on;
    ssl_certificate       /etc/nginx/cert/zyao89.cn.crt;
    ssl_certificate_key   /etc/nginx/cert/zyao89.cn.key;
    ssl_protocols         TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers           HIGH:!aNULL:!MD5;
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:10m;
    ssl_session_timeout 10m;

    add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;

    root /root/wwwroot;
    index index.html index.php index.htm;

    location ^~ /api {
        proxy_redirect off;
        proxy_pass http://API_WS;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $http_host;
    }

    # 图片缓存时间设置
    location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$ {
        expires 180d;
    }

    # JS和CSS缓存时间设置
    location ~ .*.(js|css)?$ {
        expires 30d;
    }

    location / {
        try_files $uri $uri/ /index.html;
    }

    error_page 404 = /404.html;

}

server {
    listen 80;
    listen [::]:80;

    server_name zyao89.cn;

    return 301 https://www.zyao89.cn$request_uri;
}

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

# 获取和安装证书

此步骤依赖于 Cloudflare 提供服务

注意

请先提前注册添加绑定域名后操作。

# 安装脚本

curl https://get.acme.sh | sh

编辑环境变量.bashrc，增加配置

vim ~/.bashrc

最下方加入从 Cloudflare 注册获取的 APIKey 信息，大致如下：

# 信息自行替换
export CF_Key="d2xxxxxxxx1eexxxx10984xxxxxxxxc556"
export CF_Email="xxxxxxxxxx@qq.com"

1
2
3

刷新生效变量

source ~/.bashrc

# 自动生成证书

# 其中的 zyao89.cn 信息请自行替换
~/.acme.sh/acme.sh --issue --dns dns_cf -d zyao89.cn -d *.zyao89.cn -k ec-256

1
2

mkdir /etc/nginx/cert/
# 其中的 zyao89.cn 信息请自行替换
~/.acme.sh/acme.sh --installcert -d zyao89.cn -d *.zyao89.cn --fullchainpath /etc/nginx/cert/zyao89.cn.crt --keypath /etc/nginx/cert/zyao89.cn.key --ecc

1
2
3

开启证书过期自动更新服务

~/.acme.sh/acme.sh --upgrade --auto-upgrade

# 尾声

启动 nginx 服务，或者重启服务器完成配置。

提示

如果 nginx 启动失败，错位为没有权限时，请关注以下几点：

nginx.conf 配置顶部 user 应配置为 root
Linux下查看SELinux状态和关闭SELinux的方法
cloudflare 中的 SSL/TLS 界面开启 Full 模式

# 其它资源

# 静态站点源码

mkdir /root/wwwroot
cd /root/wwwroot
git clone https://github.com/zyao89/WebStackPage.git  ./

1
2
3

注意

如果没有git，则手动安装下：

yum -y install git

# 其它命令

# nginx服务命令

## 启动nginx
systemctl start nginx

1
2

## 停止nginx
systemctl stop nginx

1
2

## 重启nginx
systemctl restart nginx

1
2

## 开机自启nginx
systemctl enable nginx

1
2

作者： Zyao89；转载请保留

原文地址： https://zyao89.cn/s/6d5c63de.html

← Linux下查看SELinux状态和关闭SELinux的方法解决Mac中词典文件问题 →