首页
学习
活动
专区
圈层
工具
发布

java基于ssm的个人博客系统个人博客网站个人博客项目源码

简介 Java ssm开发的个人博客系统,可以发布博客,照片,站长留言。 演示视频 https://www.bilibili.com/video/BV1sf4y1y7Ne/?...share_source=copy_web&vd_source=ed0f04fbb713154db5cc611225d92156 技术 mysql,SSM,css,js,jq 功能 简单版(个人): 网站功能...:登录,上传照片,发布博客,首页,博客详情,注册,照片管理,博客管理,给站长留言,查看留言,分页,编辑博客,删除博客,删除照片,分页展示博客和照片,分页展示站长留言,修改登录密码。...增强版 角色 管理员+注册用户 添加功能:博文浏览量,博文评论,用户可以删除自己的评论,博主可以管理该博文以下的所有评论,搜索博文,博客首页展示用户头像,昵称,上传头像,修改基本信息,相册显示用户头像昵称

2.9K00

三、博客首页完成《iVX低代码仿CSDN个人博客制作》

制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/ 一、首页内容分析 此时我们分析一下首页内容: 通过以上内容可以得知,这些内容都统一包含在一个块之内,这个块之内包含了多个内容...其实你可以统一在这里设置内边距,但是我选择在内容中设置内容,这样我可以更清楚的看见这些内容适应于内边距的样子,又或者根本不用设置内边距。...: 可是此时内容如果很多,就会发现有很多行,这样并不例如我们有一个整齐的排版,所以咱们此时需要限制当前文本的显示行数,此时在这个文本的属性中找到最大行数,设置为 2 即可: 此时记得发现显示多余内容时将会以省略号进行省略...接着我们添加一个行,命名为信息: 接着调整对应的高度和背景色: 此时我们还需要设置一个很重要的属性,那就宽度,否则这个部分的内容将会左对齐显示,此时设置宽度小于父容器宽度后,由于父容器的水平对齐设置将会使整个行居中显示...: 方法有很多,主要是看大家选择的方法。

1.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    二、博客首页完成《iVX低代码仿CSDN个人博客制作》

    制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/ 一、菜单思路参考及制作 在 CSDN 首页中的菜单部分为一串横排的内容,并且可以进行拖动: 首先咱们添加一个行...,命名为菜单: 接着肯定是需要设置上下的内边距内容: 接着直接往这个行中添加文本内容即可: 很明显,当前文本字号与我们所需要的效果差距比较大,设置对应的字号使其大小(13号字体...此时只需要设置包裹这些文本的行取消换行即可,点击菜单行,在属性中把自动换行关闭即可: 接着还需要设置当前这一行的剪切属性,剪切属性可以使当前这一行的内容可以滑动,但是会出现滚动条,咱们还需要将滚动条隐藏...,此时需要设置这个轮播容器的高度为 100%: 接着给这两个轮播页添加对应的对应的背景图片: 此时页面效果如下: 那如何增加对应的文本呢?...其实咱们的行有很多作用,例如在行中设置内容后,设置上的上外边距为负,那么此时就可以往上移动,这样就可以覆盖在这个轮播容器之上了,但是文本却不能进行轮播,这种方法需要额外的制作很多的事情,例如你要设置动画

    1.9K30

    个人博客搭建

    0x001 效果演示 0x002 简单介绍   前前后后大概花了一周多的时间,目前个人博客已经完善的差不多了,现在写个文章做个阶段总结,后续如果有更新的地方,会及时补充。...在此开源博客的基础上做了改进,修复了一些bug,顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码,搭建属于自己的个性化博客。...个人博客 演示:http://luckyzmj.cn 0x003 Hexo 初级搭建 1. 安装Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。...注册Github账号创建个人仓库 接下来就去注册一个github账号,用来存放我们的网站。...当文章没有设置特色图时,本主题会根据文章标题的 hashcode 值取余,来选择展示对应的特色图 我认为个人博客应该都有自己的风格和特色。

    3.5K140

    个人博客搭建

    :ctrl+e 跳转到文章开头:ctrl+home 跳转到文章结尾:ctrl+end 搜索:ctrl+f 替换:ctrl+h 引用:输入>之后输入空格 代码块:ctrl+alt+f 加粗:ctrl+b...倾斜:ctrl+i 下划线:ctrl+u 删除线:alt+shift+5 插入图片:直接拖动到指定位置即可或者ctrl+shift+i 插入链接:ctrl + k 给代码块设置快捷键 偏好设置->打开高级设置...然后创建项目,并设置成私有,这里都不赘述,关于git 和github的使用可以看这篇文章, 配置博客 通过BlogHelper 自动发布到网站 下载下来配置好自己要发布的网站之后进行发布,我们这里使用的是博客园...然后设置成我这样 [image-20201009212916793] 再到域名解析网站上把 www.zhangshoufu.com解析成CNAME为shoufuzhang.github.io然后我们就可以通过自己的域名访问博客园了...[image-20201009213254124] 截至我们的博客就搭建完成了,如果部署中有问题请联系我微信,或者邮箱

    1.8K43

    个人博客搭建

    个人博客搭建 作者:张首富 时间:2020-10-09 w x:y18163201 邮箱:zsf18163201@163.com 博客地址: blog.zhangshoufu.com [TOC] blog...+u 删除线:alt+shift+5 插入图片:直接拖动到指定位置即可或者ctrl+shift+i 插入链接:ctrl + k 给代码块设置快捷键 偏好设置->打开高级设置->conf.user.json...然后创建项目,并设置成私有,这里都不赘述,关于git 和github的使用可以看这篇文章, 配置博客 通过BlogHelper 自动发布到网站 下载下来配置好自己要发布的网站之后进行发布,我们这里使用的是博客园...再到域名解析网站上把 www.zhangshoufu.com解析成CNAME为shoufuzhang.github.io然后我们就可以通过自己的域名访问博客园了。...通过DNS解析直接访问博客园 我们在阿里云上面配置一个隐性URL 解析就行,在DNS 解析里面设置,然后就可以正常访问。 ? 截至我们的博客就搭建完成了,如果部署中有问题请联系我微信,或者邮箱

    1.6K73

    搭建个人博客

    我们无法选择生活的样子,但我们可以记下来。 博客的开始 其实,一切都是为了更好的装逼。好吧,我着相了。 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了。...于是申请了 CSDN 的用户,但是太丑了,于是又申请了博客园,感觉这些都不是我想要的,而做为一个 Emacser 不使用 Github 搭建一个自己的博客,感觉就已经落伍了。...于是就有这最初的一个,相当简陋的利用 Emacs 的 Org-mode 搭建的博客,后来看了 Org-page 这个包,但是,我配置不好啊!为什么为什么!...博客的生活 我很喜欢调试自己的博客,但是写博客就不是那么喜欢了,但是我希望能养成一个定期写博客的习惯。...所以,我需要博客,主要是用来装…咳,主要是用来记录我们的生活、工作的内容,这样在下次使用的时候,就能更好的做到了。

    1.8K20

    升级全新的个人博客

    经过五一机器的连夜怒肝代码,把沪漂小窝更新升级后,又把我的个人博客连夜升级。...先看效果图,之前的版本是这样的 现在改版后成为这样的 做的还是比较常规的,像一个站点,另外资源分享栏目也做了优化,比之前的感官上更修改了一些内容。...并且更新了两部前端的学习资料,适合一定基础的人观看,如果是零经验,或者没有实际工作经验,可能看起来比较不知道说的啥。好比有些事情没有经历过说起来并不会懂。...下载链接: https://www.mlscoder.cn/ebooks/books-list/ 最后更重要的是集成了沪漂小窝的功能。...而且本站(主要是模板支持,花了99元开通了模板之家的会员)现在也支持手机端使用,比上一个版本更友好一些。 不过还是推荐PC端查看和下载相关资源。 我是马拉松程序员,可不止于代码

    52820

    个人博客网站背景视觉滚动特效代码

    之前一直注重模块的视觉滚动特效以至于忽略了图片背景的视觉差滚动特效,今天把小清新主题更新了图片背景视觉差特效,记录下代码,有喜欢的自己参考教程自己动手操作下。...这是在网络上找到的一款超级轻量级的jQuery视觉滚动特效代码,该插件使用CSS background-position属性和简单的js代码来完成页内滚动时的背景图片视觉差效果,效果演示可以前往 小清新主题...JS代码: 复制如下代码,放在js中即可或者直接放在网页的底部(记得添加代码), jQuery(window).bind('scroll', function () ...,然后修改对应的css即可,保存代码,刷新前台查看效果!...是不是非常简单,其实就是简单的两步,复制js代码修改class类的名称,然后在div框架添加data-paralasic属性就行了,大功告成,闪人。。。

    2.5K20

    关于个人博客的优化

    作为一名懂前端的程序员,天天在嘴上谈样式,可是自己的个人博客网站却没有时间打理。就好像农民伯伯把最好的菜卖给别人,让自己的傻儿子却吃“长势不太好”的蔬菜,可农民伯伯其实是非常心疼自己的孩子的。...优势 功能齐全,基本可以满足个人博客的所有需求 运行在docker上,可以不关心操作系统的一些差异 数据库采用mongodb,更改数据库和表结构非常容易,而且向前兼容比较实现。...配置文件齐全,可以高度定制自己的专属博客 后台管理功能齐全,同时有统计功能 博客采用markdown编辑 那么,有啥缺点呢?...值得注意的是:不要把非目标替换文本匹配进去。 6.一键切换网页模板 重构代码最最重要的原则就是随时可以终止。所以,一般我们在重构代码的时候,会设置一个开关,以便切换为原来的版本。...,但是呢,博客在移动端显示时,却出现按钮无法显示的问题,只要原因是移动端滚动层不再是全局。

    2.9K10

    不写代码,使用开源框架搭建个人博客

    观看此教程之前,你需要一个可以运行PHP代码的服务器环境。 方式1:你可以参考我们往期发布的《从源代码搭建LMAP环境》视频教程; 方式2:你也可以使用PHP集成环境或者使用Docker容器。...目前在互联网上有很多的个人博客网站,很多也是基于某一个开源框架搭建起来的,免去了自己一个人复杂的编码过程。对于爱好写博客的同学,我们可以使用开源代码来搭建自己的博客网站来记录自己的日常。...这里给大家演示如何使用typecho开源框架来搭建属于我们自己的网站。 框架优点:轻量级、简洁;如果你对原有框架不满意,完全可以进行二次开发 视频内容 超清视频可以参考bilibili空间:极客开发者

    58720

    个人博客网站背景视觉滚动特效代码

    之前一直注重模块的视觉滚动特效以至于忽略了图片背景的视觉差滚动特效,今天把小清新主题更新了图片背景视觉差特效,记录下代码,有喜欢的自己参考教程自己动手操作下。...这是在网络上找到的一款超级轻量级的jQuery视觉滚动特效代码,该插件使用CSS background-position属性和简单的js代码来完成页内滚动时的背景图片视觉差效果,效果演示可以前往 小清新主题...JS代码: 复制如下代码,放在js中即可或者直接放在网页的底部(记得添加代码), jQuery(window).bind('scroll', function () ...,然后修改对应的css即可,保存代码,刷新前台查看效果!...是不是非常简单,其实就是简单的两步,复制js代码修改class类的名称,然后在div框架添加data-paralasic属性就行了,大功告成,闪人。。。

    2.7K20

    一、博客首页搭建搭建《iVX低代码仿CSDN个人博客制作》

    制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/ 一、头部导航栏思路参考 首先我们可以查看CSDN的博客首页,从中查看一下布局: 在以上首页中,我们可以得知其顶部为一个整行...,这个行内容左侧为一个logo,logo右侧为一个输入框,这个输入框输入文本后可以搜索对应的内容,在CSDN中搜索框可以搜索出用户名、下载等内容,在我们只做博客时使个人博客,咱们并不做过多的搜索,在功能设计时咱们只需要搜索出对应的博客内容即可...‘#e7e9ee’: 随后设置往头部之中添加两个行,一个命名为左一个命名为右: 左右两行的高度都设置为包裹,并且背景色透明、宽度都为 50%,他们的高度给他们自己的元素决定就好:...: 最后更改一下搜索框的提示文本即可解决: 接下来制作右行的内容,此时设置右行的水平对齐为靠右,这样行内的内容就会往右靠齐: 接着往这个行中添加一个图片,设置宽高为 30px...: 接着再设置一下圆角就可以了: 但此时还是跟CSDN 的头部有一点区别,总感觉csdn 的头部内容有一点阴影,那我们只需要设置当前行的阴影即可,找到整个头部行,设置阴影偏Y为3,

    2.1K20

    三、登录页制作《iVX低代码无代码个人博客制作》

    一、登录页实现 本节需要做的登录页如下: 该页面我们复习可以的值,首先设置整个页面页面的垂直和水平对其为居中,随后一个容器包裹对应的登录区域,此时我们创建一个页面命名为登录注册页,并且设置水平和垂直对其为居中...: 接着我们创建一个行,命名为登录框,并且需要设置这个行的宽高为 500*300,水平方向对其为居中: 接着我们创建一个行,命名为标题,在内部创建一个文本,编写文本内容为登录,接着设置这个标题的的水平分享垂直居中...,高度为包裹,并且还可以设置一定的内边距: 接着再创建一个行命名为手机号验证,这个框用于存放手机号以及按钮,此时也需要设置这个框的水平方向的对齐为居中、高度为包裹: 接着在这个行内创建两个元素...此时由于其内部的每一个行的水平内容都是设置为居中,我们需要内部元素的宽度一致才能对其,在此验证码输入框的宽度要等于手机号码和发送按钮宽度的综合。...,这样是不好的。

    1.7K20

    简单的个人博客网站设计 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业

    ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 作者主页: 【主页——获取更多优质源码】 web前端期末大作业: 【毕设项目精品实战案例 (1000套) 】 程序员有趣的告白方式...120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。...一、‍网站题目 个人网页设计、‍♂️个人简历制作、‍简单静态HTML个人网页作品、‍个人介绍网站模板 、等网站的设计与制作。... 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构...网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。

    2.3K40

    Hexo搭建个人博客(三)—— Hexo博客的美化

    通过前两节的学习,我们已经搭建好自己的博客,就像盖房子一样要对内部进行装修,也就是对博客进行美化。 ---- 安装Hexo博客主题 Hexo博客可以安装不同的主题,这里我们只说最火的Next主题。...首先我们在自己电脑里的博客文件夹内(即username.github.io文件夹内)右键选择Git Bash here,在终端窗口内输入以下代码: $ git clone https://github.com...博客的配置 接下来我们对博客的配置主要将在两个_config.yml文件中进行。...第一个为Hexo博客的站点配置文件位于你的博客文件夹(即username.github.io文件夹)内;第二个位于next文件夹内。...参考资料 Hexo中文文档 Next文档 Hexo 3.1.1 静态博客搭建指南推荐 如何使用10个小时搭建出个人域名而又Geek的独立博客?

    3.9K90
    领券