如何部署一个自己的官网-优快云博客

本文链接：https://blog.youkuaiyun.com/Hacker_Hacker007/article/details/148848573

内容包含：一个打包好的前端项目，购买服务器，购买域名，以及添加一个免费证书

首先需要购买一个服务器，我买了一个香港的服务器，两核2g，5m带宽，一个月是16元

1、然后先将项目部署上去

我直接在淘宝上购买了一个香港服务器，这是他的官网https://www.5678idc.com

然后可以通过windterm进行连接，我的是打包成了docker，所以稍微麻烦一些，需要安装docker，然后去自己的docker hub上拉取image，然后运行容器

简单方式就是直接安装一个nginx，然后修改nginx的配置文件，将build包放到指定位置即可

2、购买域名

我是在西部数码上花9块钱买了一年的域名 http://www.west.cn

购买成功后需要实名认证，直接把自己的信息输入进去即可，审核完成后就是图上显示的效果

这时候添加解析是没有什么用的，会提醒为是临时模版，所以需要点击模版管理-模版过户

等待过户完成后就可以进行解析了

保存后等待dns刷新就可以了，这个域名的默认连接端口是80，没办法修改，所以nginx的配置可以先默认80端口，等到可以ping通域名后，就可以进行下一步操作了

3、添加证书

我找了一个国外的免费的证书申请，并且通过certbot可以实现自动申请和续期

安装主要是 epel-release certbot nginx，因为我用的是centos7，所以就只提供了centos的代码，直接上代码吧

sudo yum install -y epel-release
sudo yum install -y certbot python2-certbot-nginx
sudo yum install nginx

验证：

certbot --version
nginx --version

有防火墙的话记得打开80端口和443端口

获取证书的密钥

sudo certbot certonly --agree-tos --email xxxxxx@163.com --domains www.xxx.com

替换成自己的邮箱和域名，运行成功后结果如下：

然后将证书配置到自己的nginx进行一下代理就可以了

cd /etc/nginx/conf.d/
vi nginx.conf

# HTTP -> HTTPS 重定向
server {
    listen 80;
    server_name manyaking.xyz www.manyaking.xyz;
    return 301 https://$host$request_uri;
}

# HTTPS 服务器配置
server {
    listen 443 ssl http2;
    server_name www.xxx.com;
    
    # Let's Encrypt 证书路径
    ssl_certificate /etc/letsencrypt/live/manyaking.xyz/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/manyaking.xyz/privkey.pem;
    
    # SSL 优化配置（提高安全性）
    ssl_protocols TLSv1.3;  # 仅启用 TLS 1.3（性能更好、更安全）
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:10m;
    ssl_session_timeout 1d;
    ssl_session_tickets off;
    
    # HSTS 头部（强制 HTTPS，提高安全性）
    add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
    
    # 网站根目录（根据你的 Docker 容器配置调整）
    root /var/www/html;  # 如果容器内挂载了目录
    # 或直接代理到 Docker 容器
    location / {
        proxy_pass http://localhost:8080;  # 替换为你的容器端口
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

server_name 后面替换成自己的域名

重新启动nginx就可以正常使用了

最终效果如下