Shadow是一款完全开源的、易于使用的、具备前后端分离特性的博客主题。
网站演示:雾雨霜星
前端采用VueCLI构建,后端采用SpringBoot+MyBatisPlus构建,前后端采用axios进行交互。
项目具备如下特性:
网站具备如下特色:
shadow不具备hexo和WordPress那样的方便,需要自备后端服务器,需要自己手动网站部署。
下载文件"数据库表结构"内的所有excel文件,导入到数据库内即可。表内内容均为参考,根据实际修改即可。
以下对各个表的用途进行说明:
完成MySQL数据库的构建后,打开后端backend文件夹内的src/main/resources/application.properties,修改内容如下:
spring.datasource.url=“这里写数据库的访问连接URL”
spring.datasource.username=“这里写数据库的登录用户名”
spring.datasource.password=“这里写数据库的登录密码”
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
关于数据库的访问链接URL,参考如下:
jdbc:mysql://102.51.7.134:3306/kn?useSSL=false&characterEncoding=utf-8
其中,102.51.7.134是数据库所在服务器的地址(此处应该为后端服务器的IP地址),3306是数据库对外开放的端口,kn是数据库的登录用户名。
其余正常无需修改。
推荐后端服务器采用宝塔面板进行管理控制,方便使用nginx和端口设置。
检查无误后将后端程序build生成jar,前端打包build得到dist。
关于网站部署具体可以参考我的文章:前端与后端的部署_雾雨霜星的博客-CSDN博客
设置文件在"设置文件"文件夹内,均为markdown文件,建议打开Typora进行修改。
关于各个设置文件的内容均已在前文关于数据库表config表中说明。
设置文件的修改按照上述我给出的文件进行参考,对照着修改即可。
数据库中需要修改的部分包括:
博客文章文件采用什么格式?
统一使用markdown文件,建议使用Typora进行编写。
需要用什么类型的数据库?
建议采用MySQL数据库,且使用navicat软件进行数据库的管理,因为此博客的更新和设置完全通过数据库进行操控,navicat具备良好的表内容可视性,在管理上较为方便。
数据库应该在哪?
数据库要建立在后端运行的服务器上,建议在宝塔面板内对数据库的访问权限进行设置:自己电脑访问数据库所用的IP(方便在自己电脑上用navicat进行数据库管理)以及后端服务器的IP。
文章发布的具体流程是什么?
首先将写好的markdown文件上传到后端服务器,并确定其具体位置。然后在数据库post表内添加记录,需要给出title、简介以及该文件在后端服务器位置的绝对路径。
如何更换网站标签的icon?
更换前端文件中public/favicon.ico文件即可,更换后重新build生成即可,具体参考前后端部署的文章。
端口号码使用多少?
可以在宝塔面板安全部分设置开放端口,具体参考前后端部署的文章。默认数据库采用3360,后端使用8080(使用nginx代理)。
后端服务器使用什么操作系统?
只要可以支持java程序运行都可以,推荐使用centos。
前端所得dist包和后端所得jar包放在后端服务器哪里?
dist包放在nginx的html文件夹内,jar包位置无所谓,只需要确定位置后使用java将其运行起来就行。具体参考:前端与后端的部署_雾雨霜星的博客-CSDN博客
设置文件要放在后端服务器吗?
设置文件要放在后端服务器上且确定其位置的绝对路径,在数据库config表内对应给出。
如何更换代码高亮的样式?
在shadow/src/main.js内,注释"引入代码高亮css"下,修改引入的css文件即可。
header处想要显示其他内容怎么修改?
目前header是显示古诗词。只需修改shadow/src/assets/poetry.js内poetys数组内容即可。
shadow并非完全由我个人创意所得,前端借鉴了如下项目及资源:
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。