搭建静态的响应式个人官网

7 篇文章 0 订阅
1 篇文章 0 订阅

在这里插入图片描述

这几天看到了一个视频(哔哩哔哩 up: 峰华前端工程师)的一个教程,是做一个响应式的官网,用到了好多的 js 包,虽然说使用别人的包,但是效果是很好看的。

项目所用到的库有:

	anime: 动画库,里面有各种动画实现,链接:http://www.animejs.cc/ 。
	glide: 轮播图库, 链接:https://glidejs.com/ 。
	isotope: 筛选排版库, 链接:https://isotope.metafizzy.co/ 。
	scrollreveal:滚动动画库, 链接:https://scrollrevealjs.org/ 。
	smooth-scroll:平滑滚动屏幕到指定地方, 链接:https://github.com/cferdinandi/smooth-scroll/tree/master/dist 。

完成后的项目是一个静态页面,可以在 https://zyf5.gitee.io/mu-tu 这个页面访问一下,看看是什么效果,这个是个静态网站,然后放到 码云 上去了,使用码云的 Gitee Pages 可以把静态网页进行展示​。(不知道说得对不对)。
在下一篇文章,我们来说如何简单的做到 把项目​部署到 码云上,而且可以浏览效果 。​

附加一下哔哩哔哩视频的地址,感兴趣的小伙伴可以看看哦,我比较笨用了 4天的时间,才做出来,嘿!看链接: 哔哩哔哩链接

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值