Code 小补小修了一下博客&图片悬停放大效果实现 css bug 更新 博客相关 编程 html 12次访问 12-07 00:34 # 博客版本更新到v1.1 1. 新增了悬停图片的放大功能 2. 修改了主页中星空背景会因为窗口大小的改变而产生挤压错位的bug 3. 替换了登录界面的图片 4. 新增了关于和留言板 5. 新增了访问量统计 [========] ##悬停图片 使用scale中心放大 img{transition:all .6s;} img:hover{transform:scale(1.4);} 再给img套上一个父级div,隐藏超出div范围的图片 div{over-flow:hidden;} 父子嵌套如下  但因为我的博客使用md编写的，上传到数据库时img并不能手动嵌套div。所以到最后还需要用正则表达式将img两端加上div。  #背景自适应 我的背景使用的是canvas+js代码 bug是当初没有考虑到窗口的改变会对canvas产生挤压，只要重新设定一下canvas的大小即可，使用js的窗口监听来实时记录窗口大小并改变canvas的大小  ##登录背景 主要是考虑到之前的背景图片有3mb，加上服务器的网速有点慢，有时候就加载不出来了，用原图丢进格式工厂压到了600k,至少不会出现密码输完了图片还没加载出来的情况了。 ##新增板块 新增板块比较简单，但还是花了点功夫写模板，这样今后需要额外增加板块的时候会方便不少。同时也将新增板块和标签栏合并，并限制了标签栏的显示最大数，今后板块变多的时候就考虑去掉标签栏。 ##访问量统计 本来打算自己写，但一看网上已经有很多功能非常丰富的统计插件，使用也非常方便，我使用的[百度统计](https://tongji.baidu.com "百度统计")，只需要在网页的每个head上加入一小段js代码即可。界面也很好看  暴露我了可怜的访问量。。。 ##未解决的问题 - 首先评论并没有回复功能，同时后台也没有相应的评论统计，查看还需要去到网页的数据库查看； - 博客的备案因为还未下来，暂时就没有做页脚等其他信息的展示； - ~~博客的代码样式丢失，md编辑器自带有，但发布到博客上就转化成了html格式，自然也没有代码的样式，目前只能用截图的方式代替，等有硬需求的话在去深入研究一下这个文档编辑器；~~ - ~~博客对移动端的适配没有做，尤其的星空的canvas背景板，手机端不仅加载速度很慢，而且没有星星的效果；~~ - ~~博客的域名跳转无法用servel.xml实现，目前是通过root的index.jsp调用跳转实现的；~~ - ~~此次更新导致后台编辑关于和留言板块无法获取文本；~~ - 其他的暂时想不起来了，这些功能也是有心情和有功夫了才会去实现。 < 干活了冲冲冲 给tomcat搭建的网站安装SSL证书 > 刘大大的小秘书 2020-12-07 00:50 悬停放大图片的时候遇到点问题： 如div底部多出来白边，将img的display设置为block即可解决； 而div宽于img的情况则可以通过改变div的display为inline-block而解决。 让浏览器记住我！
刘大大的小秘书2020-12-07 00:50