首页 > 编程语言 > 详细

Springboot部署流程2

时间:2019-10-23 16:17:56      阅读:75      评论:0      收藏:0      [点我收藏+]

代码来源于【Github】,在此可找到最新的效果页面,本博主也是根据404boom博主分享的方法借鉴制作的

如果只是想和本博主一样,能够直接用,请继续往下看

要先向官方申请js的使用权限

首先点击下面三个链接直接下载,进去后鼠标右击另存为

base.min.css

simpleMemory.js

mouse.js

下载到自己桌面,将后两个js文件再上传到下面页面,css文件不需要上传,本博主上传只是为了方便广大网友下载^_^!

技术分享图片

然后点击设置,打开下载的css文件,复制里面代码粘贴到设置里面定制css代码部分

技术分享图片

将下面两段代码复制粘贴,如图所示,记得使用前将信息改为自己的信息!

<script type="text/javascript">
window.cnblogsConfig = {
blogUser : "走马观花", 
blogAvatar : "https://images.cnblogs.com/cnblogs_com/cool-fun/1571873/o_tx.jpg", 
blogStartDate : "2019-10-18",
}
</script>
<script src="https://blog-static.cnblogs.com/files/cool-fun/simpleMemory.js"></script>

技术分享图片

鼠标点击效果

<script src="https://blog-static.cnblogs.com/files/cool-fun/mouse.js"></script>

技术分享图片


最后效果图,点击保存就ok了!
技术分享图片

上面就已经完成了!^_^

如果想改动一下自己喜欢效果的,请继续往下看

打开simpleMemory.js文件,可以使用notepad++打开或网页编辑器,找到以下部分
技术分享图片
打开mouse.js文件
技术分享图片

只是简单说明了一下常改动的代码,可继续自行阅读代码更换自己喜欢的效果,本博主就不再带大家一一阅读了!

如果有其他好的灵感和页面设计,也要记得私信分享给我呦!

Springboot部署流程2

原文:https://www.cnblogs.com/cool-fun/p/11725991.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!