搜点什么?

Jpress静态化结合腾讯云托管教程(一)

发布时间:2020-11-11 00:30

本文作者:

Jpress静态化结合腾讯云托管教程(一)

介绍一下,本站动态站部署方式是通过Docker-compose部署的,通过这种方式可以快速部署多个网站,具体的后面另开文章详细介绍,暂且不表.

环境:Docker 、Docker-compose、宝塔环境

1、宝塔上添加一个网站

建议使用一个二级域名,因为后面要使用的域名才是主要的域名,即对外展示的.

这里使用“cosy.jpress.icu”

2、Docker-compose部署Jpress

Jpress官方的配置文件默认是挂载到“docker-compose.yml”所在的目录,可以自行更改

3、添加Nginx解析

server {
    listen 80;
    server_name cosy.jpress.icu;#你的域名
    location / {
        proxy_set_header HOST $host;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        proxy_pass http://127.0.0.1:6062/;#你在docker-compose.yml里填写的端口,默认是8080
    }
}

保存,进入网站,正常设置好全部内容

4、使用扒站工具,下载整个网站

我这里使用的Mac下的SiteSucker软件,其他同理,网上找找相关的,这里只传授思路

  • 下载完的文件

下载完的文件

5、上传文件到腾讯云COS

COS绑定的域名使用主要的域名,这里使用“jpress.icu”

先阅读官方教程:托管静态网站 https://cloud.tencent.com/document/product/436/9512

上传文件可以使用腾讯云的COSBroswer

可以开启自动同步,如果网站有变化了,重新使用扒站工具下载一下更新的文章或者全站下载下,在同步到COS就行

6、关闭动态站,更改Nginx配置

因为这个时候已经关了,所以我们的JS等资源还需要访问,这个可能跟使用的扒站工具有关系,其他网站都会把JS,CSS 本地化,扒Jpress网站不会,所以才有了这一步

第三步添加的网站,把nginx配置调整一下

# server {
#     listen 80;
#     server_name a.jpress.icu;
    

#     location / {
#         proxy_set_header HOST $host;
#         proxy_set_header X-Forwarded-Proto $scheme;
#         proxy_set_header X-Real-IP $remote_addr;
#         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

#         proxy_pass http://127.0.0.1:6062/;
#     }
# }


server
{
    listen 80;
    server_name cosy.jpress.icu;
    index index.php index.html index.htm default.php default.htm default.html;
    
    
    # JS CSS等资源
    location  /templates/dockers/Cosy3.3/Cosy3.3 {
        alias /opt/jpress_cosy/webapp/templates/Cosy3.3;
        autoindex on;
    }
    # 图片资源
    location  /templates/dockers/Cosy3.3/Cosy3.3/attachment {
        alias /opt/jpress_cosy/webapp/attachment;
        autoindex on;
    }
    
}

解释一下/templates/dockers/Cosy3.3/Cosy3.3 这个是我动态站的时候网站主题所访问的资源路径,例如

/templates/dockers/Cosy3.3/Cosy3.3/static/js/jquery-migrate.min.js?ver=1.4.1 这个就是我的路径,我需要在访问这个路径的时候还能正常访问,所以需要Nginx代理静态资源

/opt/jpress_cosy/webapp/templates/Cosy3.3就是我服务器上的资源,可以通过宝塔查看,暂停Jpress并不会删除资源

图片也是同理,改完保存,访问一个原先的链接看看,如果能正常访问,则配置成功

7、大功告成

访问主要的域名,这个时候正常访问,不过涉及到动态的功能都不能使用,因为是全部静态化的,如果想还能使用怎么办呢,只需要轻微配置,就可以实现动静结合,关注后续教程,不定期更新

未完待续....

相关文章

加入我们!

如果你想系统学习JPress涉及到的知识点,或者希望有人解答你在深度使用JPress时遇到问题,
加入QQ群是个很不错的选择