自建博客(3)

325 阅读1分钟

准备好mysql、redis和图床后,现在开始项目的搭建。代码拉取自NBlog,前端包括:blog-cms(负责博客管理界面)和blog-view(博客展示界面),后端为blog-api


1.配置修改

首先对后端项目进行配置文件application-dev.properties修改,以自己的信息为准

修改数据库的连接信息

# 数据库连接信息
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/nblog?useUnicode=true&characterEncoding=utf8&useSSL=false&serverTimezone=GMT%2B8
spring.datasource.username=root
spring.datasource.password=root

修改redis的连接信息

# Redis连接信息
spring.redis.host=192.168.17.132
spring.redis.password=123456
spring.redis.port=6379
spring.redis.database=0
spring.redis.timeout=10000ms

文件上传配置修改

# GitHub token 教程见 https://naccl.github.io/PictureHosting/#/pictureHosting/help
upload.github.token=ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
upload.github.username=Naccl
# 需要用作图床的GitHub仓库名
upload.github.repos=test
# 需要上传至仓库的路径 开头需要"/" 结尾不要"/"
upload.github.repos-path=/comment/avatar

邮箱和代理未进行配置,后续升级时再进行改进

2.项目启动

启动后端项目前,先创建数据库nblog,再将nblog.sql导入数据库结构。

启动后端项目,注意使用java8。

image-20240603205637478

启动成功!

两个前端启动先执行命令npm install下载依赖包

image-20240603210145055

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13报错命令好像是关于mac系统的

,忽略即可。

启动npm run serve

image-20240603210550687

启动成功。后续将进行前端的修改,设计成自己的风格。


后记

最近,一直忙着毕业,博客有点停滞。

不过,值的高兴的是,论文已通过盲审!

image-20240603211007125

答辩已通过!

image-20240603211749413

最后只剩下毕业典礼,我的研究生生涯也要随之拉下帷幕。

最后,感谢身边的人!

同时,希望自己能坚持写博客,在接下来的工作中追求更深的技术!