制作属于自己的个人博客-超详细教程

article/2025/11/10 14:20:16

SpringBoot个人博客

一.博客效果预览    

博客首页预览

博客首页预览

博客详情预览

博客详情预览

博客评论区预览

博客评论区预览

博客底部栏预览

博客底部栏预览

博客归档

关于页面预览

关于页面预览

二.博客效果在线预览

http://blog.ShaoxiongDu.top

三.项目技术

  • 后端SpringBoot框架 分为控制层(Controller) 业务层(Service) 数据持久层(Dao) 按照SpringMVC架构模式规范进行开发.

  • 前端Semantic UI 前端模板引擎Thymeleaf

  • 数据持久层采用SpringBootJPA,数据库为MySQL8.0

四.运行教程

公告

由于某些因素,国内用户会出现克隆速度过慢乃至无法克隆的情况,想要获取项目本地压缩包的同学公众号【Github推荐】【二维码在文末】回复【blog】或者【个人博客】获取项目压缩文件。

Github地址: GitHub地址
1.导入项目

Fork本项目,用IDEA新建项目,点击 Create Project For Version Control,复制项目github地址 粘贴到IDEA中的Git地址 选择 点击clone 等待项目下载即可

2.配置项目依赖

部分版本需要在项目结构中指定JDK

3.配置数据库

新建一个名为blog的数据库,之后修改(-dev)配置文件中的数据库信息,确保连接的是自己的数据库中的blog,首次运行修改属性 ddl-auto 为 create,首次运行生成表结构之后改为none即可。

关于数据库DDL的SQL语句,详情看说明10.

4.生成表结构

运行springboot项目 即可自动在数据库中创建表结构

5.插入管理员数据

用数据库管理工具手动在user表中插入一条数据  注意密码存储采用MD5加密, 可以使用java/lrm/utils/MD5工具类中的主方法转换. 其余属性见名知意

6.访问博客

博客首页访问地址: localhost:80  博客后台登陆页面访问地址 localhost:80/admin

7.添加数据

后台依次添加分类,标签,博客内容  博客主页刷新即可更新.

8.自定义博客IP

页面顶端以及底部的个人IP在 src/main/resources/templates/_fragments.html 中 修改此文件中的指定内容即可同步至项目全部页面
管理员的顶部底部模板文件在admin文件下 _fragemnts.html

9.注意事项

*注: 项目端口号可在主配置文件中修改 默认为 80 端口

10.DDL语句说明

项目采用JPA持久层框架,是不需要DDL语句的,ddl-auto 为 create时,运行会自动创建表。所以我没****有在项目中添加DDL的SQL文件。如果有需要的话,公众号【Github推荐】回复【个人博客Sql】获取。

五.部署教程

详情见 SpringBoot项目部署服务器教程

六.项目反馈及改进

如果您在学习或者部署本项目的时候遇到了任何问题,或者项目有任何可以改进的地方,欢迎提出issues或者联系我<下方二维码>
我会将您添加到项目贡献者中。

六.开源项目

我的公众号【Github推荐】,持续分享一些好玩,有趣又沙雕的开源项目! 欢迎关注!


http://chatgpt.dhexx.cn/article/vMh839vh.shtml

相关文章

如何搭建个人博客

新的安装方式&#xff1a;(强烈推荐&#xff0c;简单方便) 利用dockernginx配置halo博客 先碎碎念一下&#xff0c;最近在学习springboot项目&#xff0c;在b站跟着up主研究如何写一个简易的博客来着&#xff0c;后来发现可以直接简易的搭建一个博客&#xff08;都不用写代码&a…

使用 nodejs 搭建个人博客

"使用nodejs搭建自己的个人博客" 说明运行后端 node 模块后端框架采用的是 express 框架进行接口构建&#xff0c;具体解释如下&#xff1a;数据库参数配置评论邮箱提示付费文件下载配置&#xff08;支付宝&#xff09;评论语句检测 关于跨域问题的解决 说明 使用no…

超详细图解:如何使用 WordPress搭建一个个人博客?

前两天我用WordPress 给自己搭建了一个网站&#xff0c;整个过程非常的顺利&#xff0c;体验非常地好&#xff0c;于是我就整个过程、以及其中的一些搭建心得&#xff0c;记录下来。 如果你也正好有搭建个人网站的想法&#xff0c;那么本文会给你一个参考&#xff0c;也许看了这…

个人博客网站的设计与实现

/ 前话 / 纯手工敲代码&#xff0c;代码结构简单&#xff0c;divcss布局html静态个人博客首页网页设计&#xff0c;dreamwaver和hb都可以编辑&#xff0c;文件结构包含了css、fonts、images、js和html&#xff0c;运用html5技术&#xff0c;包括nav标签、header标签和footer标签…

个人博客系统毕业设计开题报告

本文给出的是本科生个人博客系统的毕业设计开题报告&#xff0c;仅供参考&#xff01;&#xff08;具体模板和要求按照自己学校给的要求&#xff09; 毕业设计开题报告 一、选题意义二、博客系统概述三 、毕业设计研究方案四、功能结构图五、进度安排六、参考文献 一、选题意义…

基于HTML个人博客网站项目的设计与实现——个人博客作品展示6页 HTML+CSS

Web前端开发技术 描述 网页设计题材&#xff0c;DIVCSS 布局制作,HTMLCSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客设计制作 | 等网站的设计与制作 | 大学生个人HTML网页设计作品 | HTML期末大学生网页设计作业 HTML&#xff1a;结构 CSS&…

HTML制作个人网页制作(简单静态HTML个人博客网页作品)

&#x1f389;精彩专栏推荐 &#x1f4ad;文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 &#x1f482; 作者主页: 【主页——&#x1f680;获取更多优质源码】 &#x1f393; web前端期末大作业&#xff1a; 【&#x1f4da;毕设项目精品实战案例 (10…

个人主页博客网页设计制作HTML5+CSS大作业——清新春暖花开个人博客网站(6页)

HTML5CSS大作业——清新春暖花开个人博客网站(6页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄…

如何使用HTML制作个人网站(如何搭建个人博客)

&#x1f4c2;文章目录 一、&#x1f468;‍&#x1f393;网站题目二、✍️网站描述三、&#x1f4da;网站介绍四、&#x1f310;网站演示五、⚙️ 网站代码&#x1f9f1;HTML结构代码&#x1f492;CSS样式代码 六、&#x1f947; 如何让学习不再盲目七、&#x1f381;更多干货…

10分钟搭建一个免费个人博客网站

一个程序员怎么能不拥有自己的博客&#xff0c;本文让10分钟快速搭建部署好自己的博客 准备工作 有Gitee账号有安装git会 markdown 编写文档Node.js 版本 > 8.6 博客采用VuePress搭建&#xff0c;Gitee部署&#xff0c;接下来&#xff0c;5步搞定。 1.创建项目 创建项目…

用html制作学生个人博客,网页制作论坛(学生个人网页制作代码)

许多开发人员认为擅长设计是一种天生的能力,而创造力是与生俱来的。但是设计是一项可以像其他任何东西一样学习的技能。你不必天生就可以创建一个漂亮的网站的艺术家,这需要实践。在身边的小伙伴的博客,自己的网站来看,很多人都是用了开源后台的网站模板,熟不知局限太大,…

个人网站、个人博客的设计案例,仅供参考

关于网站的内容&#xff0c;我也是纠结了好久&#xff0c;我这里说的是网站建设的内容。个人网站&#xff0c;大多数人还是做个博客&#xff0c;想着能平时写点内容&#xff0c;发点文章&#xff0c;图片&#xff0c;一些简短的分享什么的。 好&#xff0c;想到就做。 我做了…

如何用html制作博客页面,HTML个人博客页面

知识点总结&#xff1a;下面的是一个个人博客页面&#xff0c;歌词的段落用的时“p”标签&#xff0c;超链接为“a”标签。 包括鼠标经过的事件&#xff1a;颜色变换&#xff1b;去顶部去底部和指定位置&#xff1a;写入的锚点&#xff0c;点击后可以到制定位置。 刚开始学习ht…

手把手教你十五分钟搭建个人博客网站

文章目录 一、下载二、上传服务器与配置三、加备案号四、关闭所有评论五、删除自豪采用wordpress六、优雅主题配置七、安装md编译器八、自定义站点九、发一篇博客 一、下载 https://cn.wordpress.org/download/下载一个就行&#xff1a; 二、上传服务器与配置 解压&#xff…

HTML+CSS大作业: 个人介绍网页制作作业 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人博客网站制作成品下载

HTML5期末大作业&#xff1a;个人介绍网站设计——个人博客(6页) HTMLCSSJavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、…

个人博客网站建设详细版

前言&#xff1a;在讲个人博客&#xff0c;我要向机灵鹤大佬致以最高的敬意&#xff01;感谢他提出的技术指导&#xff0c;本章我将以我犯的错误一步步讲述。 1. 购买服务器 我是在阿里购买的服务器&#xff0c;因为我是一名学生的原因我通过认证学生身份参加了阿里云高校计划…

HTML5+CSS大作业——清新春暖花开个人博客网站(6页)

HTML5CSS大作业——清新春暖花开个人博客网站(6页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄…

大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品

&#x1f389;精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 &#x1f482; 作者主页: 【主页——&#x1f680;获取更多优质源码】 &#x1f393; web前端期末大作业…

SpringBoot注解详解

一、简介 基于 SpringBoot 平台开发的项目数不胜数&#xff0c;与常规的基于Spring开发的项目最大的不同之处&#xff0c;SpringBoot 里面提供了大量的注解用于快速开发&#xff0c;而且非常简单&#xff0c;基本可以做到开箱即用! 那 SpringBoot 为开发者提供了多少注解呢?…

Spring常用注解详解大全(建议收藏)

SuppressWarnings(“deprecation”)**就表示我们忽略了deprecation这样的一个警告。 JDK注解作用总结&#xff1a; Override 表示当前方法覆盖了父类的方法 Deprecation 表示方法已经过时,方法上有横线&#xff0c;使用时会有警告。 SuppviseWarnings 表示关闭一些警告信息…