动手部署 Grtblog 前后端,即刻拥有自己的博客网站

grtsinry43
2/19/2025(更新于 2/19/2025
1883 views
预计阅读时长 22 分钟

AI Summary

Powered By DeepSeek-R1
|

开学了比较忙,没想到一下子拖了这么久,有好多小伙伴评论和 b 站私信评论催我,赶快我抽时间弄了下部署流程,非常抱歉大家,我这项目也比较烂然后也刚好最近事情比较多。

本站使用的是自建的前后端,所以要求是有一台云服务器,预计要求大概是 2c2g,腾讯阿里云 99/r 的轻量应用应该就可以。

这个项目分为,前端,后端,管理面板,推荐模块,其中后端推荐与数据库打包了 docker 镜像,可以快捷进行部署。

我们具体讲解一下部署流程喵

看这里看这里看这里🤗

感谢大家的建议,我打算弄一个qq交流群,大家有代码的生活分享的,什么都可以来讨论捏!!!

群号:344321218

img

本项目部署中遇到的问题大家也可以随时来提出捏!!!

部署教程(快速简单)

管理面板

建议大家如果命令不是很熟悉的话使用 1panel 进行运维管理:1Panel - 现代化、开源的 Linux 服务器运维管理面板 - 官网

我们按照官网教程安装面板就可以,我这里使用的是 Ubuntu24.04,只需运行:

shell
1curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && sudo bash quick_start.sh

安装时候记得配置好镜像加速,记录好他生成的访问地址和用户名密码,在防火墙中放行端口,然后我们在浏览器访问就可以看到面板啦

image-20250218191553890

输入我们之前看到/设置的用户名和密码

安装服务/反代程序 OpenResty

进入左侧软件商店——安装 OpenResty 即可

image-20250218191742875

提示

当然这里用 Nginx 或 OpenResty 都可以哦,如果你发现 80 端口提示被占用没准就是已经有 nginx 了,可以通过

shell
1sudo lsof -i :80

看一下占用的进程是不是 nginx,如果选择用 Nginx 就不用再安装这个了,如果想换成 OpenResty 就把 Nginx 服务关一下捏:

shell
1sudo systemctl stop nginx
2sudo systemctl disable nginx

没问题的话配置不用修改直接安装就可以啦

部署容器

首先打开我的仓库的 docker-compose.yml 文件:这里

image-20250218193445148

面板中打开系统——文件,在用户的家目录(当然哪里都可以,比如我这里是 /home/ubuntu),新建一个文件夹(比如我这里叫 blog),在里面新建一个 docker-compose.yml,然后复制仓库中文件的内容。

image-20250218193726263

之后我们要填写配置捏,打开仓库中的两个配置文件:application-example.yml

cfg.py

然后像刚才一样复制粘贴内容(记得把 application-example.yml 重命名为 application.yml),最后的效果是文件夹中的三个文件。

image-20250218194142566

最后新建 mysql-init 文件夹并复制 init.sql/my.cfginit.sql

my.cnf

提示

这里的第一行插入用户,修改为自己的邮箱就好,密码可以在前台通过邮箱重置,默认为 123456,务必保证邮箱准确

Warning

这里不要忘记最后把 mysql-init 文件夹权限改成 0775

修改配置

我们需要修改 application.yml,具体要修改以下内容:

yaml
1spring:
2  application:
3    name: grtblog-backend
4  data:
5    mongodb:
6      uri: mongodb://172.20.0.4:27017/grtblog
7  datasource:
8    url: jdbc:mysql://172.20.0.3:3306/grtblog?serverTimezone=GMT%2B8&characterEncoding=utf-8&useSSL=false&allowPublicKeyRetrieval=true
9    driver-class-name: com.mysql.cj.jdbc.Driver
10    username: user

启动容器

选择容器——编排——创建编排,选择刚才的 docker-compose.yml

image-20250218195146769

静静等待拉取捏...

提示

由于容器启动的速度不可预测,有可能存在依赖容器晚于需求容器,如果有报错退出的情况,直接重启容器就好

配置反向代理

image-20250218230550308

首先创建一个网站服务,然后配置——配置文件,复制以下并修改即可:

conf
1server {
2    listen 443 ssl http2 ; 
3    listen 80 ; 
4    # SSL configuration
5    #
6    #
7    # Note: You should disable gzip for SSL traffic.
8    # See: https://bugs.debian.org/773332
9    #
10    # Read up on ssl_ciphers to ensure a secure configuration.

之后申请证书并开启 https 就好

配置管理面板

进入 Release

下载最新版即可,然后解压并上传,上传的路径就是你的网站目录

image-20250218231258118

完成之后,你可以预先在 https://example.com/admin/config 修改你的网站信息,这样可以快速看到效果

构建前端

克隆这个项目,进入 frontend 目录

shell
1pnpm install

然后,编辑 .env.production,改成你的域名,下方 Clarity 没有就留空。

编辑 frontend/src/app/layout.tsx,将 openpanel 修改为你的配置,没有则留空

编辑 frontend/src/app/home/AuthorCard.tsx,里面的卡片信息可以自己修改

(不知道怎么修改?打开我的网站,看哪里想改成什么直接替换文字就行哦)

编辑 frontend/next-sitemap.config.js,改成你自己的域名

编辑 next.config.mjs,里面的图像域名加上你的 cdn 和本站域名

之后构建即可

shell
1pnpm run build

image-20250218204056024

完成构建之后,将产物打包上传并解压到适合目录,比如我这里 ~/blog/frontend,按图配置即可

image-20250218232323249

完整步骤

完整步骤参考文档即可:文档

COPYRIGHT
作者grtsinry43
版权年份© 2025
许可协议

动手部署 Grtblog 前后端,即刻拥有自己的博客网站》采用知识共享署名 4.0 国际许可协议

转载请注明出处并遵循 CC BY 许可协议条款

相关推荐

快速搭建专属域名邮箱服务,简单整合邮箱消息推送功能至 Spring Boot 应用程序

快速搭建专属域名邮箱服务,简单整合邮箱消息推送功能至 Spring Boot 应用程序

作为即时通信的重要方式,邮件在互联网互动中起到举足轻重的作用,而搭建邮件推送服务不仅可以做到实时的消...

grtsinry43
1/2/2025
295
2
0
使用 BeautifulSoup 配合请求库实现简单的爬虫程序

使用 BeautifulSoup 配合请求库实现简单的爬虫程序

事情起源于课内的课程实验作业...因为要求要用爬虫,~~不必说课内讲的一言难尽,更不必说就算讲了我也...

grtsinry43
1/7/2025
170
0
1
使用 pf4j-spring 实现插件注入和 api 接口动态注册 | 插件系统构建(上)

使用 pf4j-spring 实现插件注入和 api 接口动态注册 | 插件系统构建(上)

哪个男孩不想拥有一个自己的插件系统?(x)话说回来,这个我已经计划好久了,不过一直在学其他的东西,刚...

grtsinry43
1/26/2025
511
0
5

登山节微信网页实现思路简述 | 实现定位和数据处理

去年 10 月份左右,学校组织活动需要,要求 7 天内实现一个登山节打卡用微信网页,包含定位打卡,排...

grtsinry43
3/23/2025
83
1
2
用一个月的时间写一个自己的博客系统——Grtblog的技术介绍

用一个月的时间写一个自己的博客系统——Grtblog的技术介绍

终于,历时一个多月的开发 ~~bug~~ 和测试,这个目前问题很多很不成熟很难用的系统终于上线了.....

grtsinry43
12/14/2024
1022
9
9
COMMENT 7297649001078329344

发表评论

来这里畅所欲言吧!
支持 Markdown 语法 0 / 3000

网站运行时间

0
0
0
0

在风雨飘摇之中

感谢陪伴与支持

愿我们不负热爱,继续前行