Sci-tech
    32 posts
Blog养成记(12) 给网页的图片加个蒙版
上一期说到想给网站图标的图片加个蒙版,然而没有成功。那么网页中的图片么?经常看到个人图片都是圆形的,然而实际上上传的原图是方的。如果使用了蒙版功能,就可以对同一张图想怎么变形状就怎么变了。 ......
Blog养成记(11) 给网站加个小icon
这部分其实很简单,只需要在index.html的<head>部分增加以下一句话就好: ......
Blog养成记(10) 实现幻灯片(轮播)效果
前言 设计中首页有个大图,希望它能实现幻灯片的轮播效果,同时如果能够满足自适应的需求就更好了。对于幻灯片的轮播效果,一年前我试过一个在Github上的js插件,这次使用Bootstrap4发现这已经集成进Bootstrap的框架了,如果不是非要在网页上实现一个真的幻灯片,没必要再去整一个幻灯片的插件。 Carousel 基础版 在Bootstrap4中轮播组件称为Carousel,在官网就有对其使用的简单介绍。 简单说来......
Blog养成记(9) 项目结构&前端环境配置
其实如果只是对静态页面进行修改,不需要配什么环境,只需要对html进行修改就好。 哦,不对,因为还是会使用hugo来生成静态页面,hugo还是要配置的,配置的方法详见这个系列的第2篇Blog养成记2 Hugo+Docker在Github上建立Blog。所以重点就在如何自己生成自己喜欢的hugo模板了。 由于仅使用hugo静态页面,所以也不计划使用gulp之类的工具,可能出了hugo外唯一考虑要使用的是s......
Blog养成记(8) 页面设计demo
实际上前几个月就已经将页面原型设计完成,中间经过需求梳理和页面demo两个部分,不过设计完后就停滞了不少时间。最近才又开始折腾静态页面,在公司也尝试搭一个简单网站(尝试了flask,最后还是回归hugo生成静态页面),所以为了能将之后的部分继续,所以赶紧补上。 需求梳理 首先需要将应用场景进行梳理,细化需求,还特地做了对应的思维导图明确所需要的功能。 需求场景方面主要是以下几个点: 生活类:能满足基本的博......