昨天下午三点,我在 B 站搜「无代码 网页」,翻到第七个视频。
UP 主叫「半山阿岩」。视频 42 分钟,标题写着「不写一行代码,做个人站」。
播放量 3.1 万。评论第一条是「1080P 太清晰了,谢谢」。
我没开倍速。从 12 分 40 秒开始,他把一个空白画布拖成三栏。
动作很慢,鼠标停在网格线上,停了两秒。
我照着他的顺序点了一遍。四十分钟后,一个首页出来了。
工具是免费的。免费这件事,很多视频只提一句。
我更在意它导出什么。HTML 还是图片,差别很大。
那天我记了三条笔记。第一条是「栅格先定,字号后定」。
第二条关于字体:正文别小于 16px。他原话是「手机上 14 会死人」。
第三条,他提了一句 B 站的权限设置,顺手给了个链接页面。
我顺着点开,正好看到b站必须满20岁才可以看直播这条说明。和工具无关,但很具体。
说实话,我对「无代码」这个词有意见。
它不意味着没有门槛。它只是把门槛从语法挪到了布局。
排版仍然要判断。间距、层级、节奏,工具替不了你。
看了七个视频,真正讲间距的只有两个。其余都在演示拖拽。
拖拽很爽,六分钟出一个封面页。然后呢。
我比较认可「半山阿岩」那期,因为他讲了一次失误。
第 26 分钟,他误删了一个区块,撤销键按了五次没反应。
他说「这个坑记住,先复制再删」。这句话比功能演示有用。
晚上七点,我在另一个视频的简介里看到一个入口页。
标题是免费进入b站网站入口直接进入网站视频源码,点进去翻了翻。
源码那部分我看了十分钟。结构比我搭的干净。
有个细节:那个页面的容器宽 720px。和我自己的站一样。
巧合。但看到时会觉得,这个宽度是被验证过的。
我把自己的容器也定在 720px。正文 18px,行高 1.9。
读完这些视频,我大概能总结出工具的几个免费层级。
免费导出不带水印的,我找到四个。带自定义域名的,零个。
其中两个限制项目数,三个以内免费。
有一个支持高清预览,但导出要等 30 秒。这 30 秒挺磨人。
另一个入口叫B站免费版高清版网站高清版入口,是我从收藏夹里翻出来的。
我把四家的限制列在一张纸上。写了整整一栏。
有件事想单独说。高清。
视频里说的「高清」,多数指播放码率,不是画质上限。
工具演示里那张样图,很多是压缩后再上传的。
你以为看到的是效果,其实是别人的压缩参数。
我后来找到一段教程,专门讲这个:B站免费入口直接进入网站入口无需下载插件源码教程。
教程里第 9 分钟提到了图片的 srcset。我之前没管过。
现在页面上所有图都加了 srcset 和 lazy。加载快了一截。
这件事和「无代码」无关,但它是网页的一部分。
工具能帮你省时间,不能帮你省判断。
晚上九点半,页面收尾。页脚还差一列。
我把「最近标签」放进去,删掉了「友情链接」。
删完发现空了一块。留白比塞满好看。
泡了杯茶。金骏眉,第三泡。
这件事就到这里。工具是工具。页面是页面。
没有人会因为用了哪个工具,就写得好一点。