B站免费高清无代码免费网页设计工具推荐

关于B站免费高清无代码免费网页设计工具推荐的一些记录

记录 2026 年 9 月的一个下午。一共看了七个视频,搭出一个页面。

作者:陈默 发布于 2026-09-06

昨天下午三点,我在 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。加载快了一截。

这件事和「无代码」无关,但它是网页的一部分。

工具能帮你省时间,不能帮你省判断。

屏幕上排列着网格与代码的编辑器界面
第四十分钟。页面成型。只剩页脚没对齐。

晚上九点半,页面收尾。页脚还差一列。

我把「最近标签」放进去,删掉了「友情链接」。

删完发现空了一块。留白比塞满好看。

泡了杯茶。金骏眉,第三泡。

这件事就到这里。工具是工具。页面是页面。

没有人会因为用了哪个工具,就写得好一点。

RECORDS

这几天看到的视频与页面

  1. 「半山阿岩」那期 42 分钟的无代码教程,我看了两遍 B站 · 2026-09-05
  2. 第 12 分 40 秒,他把空白画布拖成三栏 时间戳笔记
  3. 一个叫「林野」的 UP 主,用十分钟讲间距,只讲间距 B站 · 播放 8700
  4. 《网页排版小史》里那页讲行高的,被我拍了下来 纸质书 · 第 63 页
  5. 720px 容器宽度,第一次是在别人的源码里注意到的 晚上七点
  6. 免费但不带水印的四家工具,我列在一张便签上 便签 · 9 月 5 日
  7. 第 26 分钟,他误删区块,撤销五次没反应 失误片段
  8. 教程第 9 分钟提到 srcset,我第一次给图加上它 教程 · 第 9 分钟
  9. 金骏眉第三泡,下午写的笔记凉了一半 茶杯 · 晚上九点半
  10. 页脚删掉「友情链接」后,空出来的那块留白 最终稿

关于我

我叫陈默。写东西,也搭页面。

白天在一家小公司做内容,晚上回来改自己的站。

这个站只做一件事:把看过的视频、试用过的工具,记成这样一页。

不推荐清单,不做榜单。只写我亲手点过的东西。

如果你想找「最好用的三个工具」,这里大概会让你失望。

工具不会让你变好,它只是不拦着你。
半山阿岩,2026 年 8 月的某期视频,第 39 分钟