**因为大部分都是vibecoding修改产物如果要用请理解可能会出现各种问题…
无用废话
不知道多久之前关注的一大堆欧美人都开始玩起了straw.page这个简易建网站小玩具，除去很多花里胡哨部件和匿名提问箱功能这个东西最大的特点之一就是绘画留言板功能（站方叫这东西gimmicks），不过这个东西发出去了完全没有网站内部的展示渠道基本就得依赖人用别的SNS来回应就让人感觉。。果然还是太强社交导向了所以也没想用（…（各种东西都让人很累目前大部分时候仍然只能很被动地回应很少量的东西…
中间还看见了有个叫neospring/rainbeam?的匿名提问箱，是一个叫retrospring的开源提问箱的分支产物。后者去年还是今年年初来着停止维护了所以这个项目出现了。而这个提问箱恰巧也做了把绘画留言融入匿名提问的功能，所以看到时莫名感觉还有点好想玩玩。但是看到后没几天开发者就宣布项目不维护了，并把重心迁移到了又基于这个东西弄出来的新平台。。。而且方向直接转变成微博客社交社区了（之前的提问箱的社区氛围也很重而且看起来小朋友似乎很多…当时还完全没有服务器也弄不了自托管之类的东西）。虽然画画功能还是留下来了但结果这样果然还是用不了呢…
因为各种重要或不重要的原因自己渐渐地会开始瞎逛一些各地的个人独立网站当消遣。现在有了解到存在着一些够大且能够把它们联系起来的主题社区，比如neocities和比较新的nekoweb之类的。剩下的什么webring/88x31 button or banner/blinkies等早年互联网留下来的在现在也会被继续沿用着的构成连接用的文化标志或装饰标志也是看着看着就自动存入大脑了（但还是会因为这些地方实际上也…社交性太强了所以自己也不太想参与…很矛盾的感觉。还是因为精神实在不怎么好。）。于是看这些DIY人看久了加上近些年也看了太多这个平台怎么又有雷点 & 那个平台怎么又突然倒了导致一堆人在乱七八糟到处跑的烦人事（…）就也想顺便看看有没有像straw.page这样的画板部件可以塞到自己网页里自己用算了，于是就看着了（👆）。嗯。
但是提问箱的问题好像还是没解决，想要能自定义得和网页样式契合一点功能又能和waline差不多（贪了）又没那么强烈的世纪初感的东西，想尝试直接拿waline改但是存在很多长期性问题也放弃了…
看是看见了但是这个实现方法用的所有背后服务：存图用的imgur图床和当数据库用存数据的Google表单没一个是在国内能直连着用的，那整个部件也没法用啊（。）所以…仗着现在LLM这个样子莫名其妙的缝合欲望又出现了 :/ …虽然还是不知道继续用AI来乱拼只是工具性质的东西或拿来学习最后到底是真的能（靠随机概率）加快了学习过程还是只是浪费更多时间绕了更多圈子并生产了更多垃圾，但最后也还是这么改完了，继续理理怎么用吧。
更换数据存储
于是因为配过waline评论区就想起来背后用的leancloud好像就是个现成的数据库，好像也可以存文件所以存图也没问题了，顺便拿来用似乎挺好的。不过国内特供版似乎要强制用备案域名所以还是得用国际版。
填写需要的引入数据
在首页点创建应用，写好名称创建后进入应用在左边侧边栏的设置→应用凭证这里找到需要填进文件<script>区域Leancloud引入部分的AppID和AppKey填入，serverURL这里本来是要填REST API 服务器地址的但是默认给的连接墙了，需要在下面的域名绑定处绑个自定义域名。
绑定域名只能选择二级域名（yyy.xxx.com），如果有现有的主域名直接点击绑定新域名在域名前面添加yyy的部分输入，然后按照指示把DNS配置栏给的CNAME链接添加到域名商的DNS记录里等一阵子就可以看见状态会变成已绑定（但是我自己这倒是花了好久才绑上，不知道是我的问题还是遇到了那声称的最长需要24小时才能更新状态的问题，虽然没有24小时那么久）。然后就可以填到serverURL那里。这样基本就能用了。
数据在数据存储→结构化数据里，_File在存图片文件&元数据，如果有人提交图片了就会多出一个drawings用来放名字日期时间图片链接这些数据。如果要删除_File里的文件要先在drawings里把信息删了？（不确定是不是这样）而且file栏要删图的话还要改一下权限，默认权限不给删。还不知道怎么把权限调成只有自己能处理，所以还是在权限页里把Class 访问权限的delete暂时调成所有用户来删了，然后删完直接改回去这么做的（好像还得等一会权限才能生效。。？）。
比起原部件更改了的地方
虽然还装模做样地过滤了一遍但还是希望AI不会堆积很多诡异逻辑…
-
加了重做&橡皮&取色器功能并把按钮文字都改成svg（如果不需要的话删掉一些极简一下也行…）
-
10秒钟的上传后冷却时间（代码里按毫秒算的…）
-
可以给画留名字
-
移动端触摸操作（原来的部件真的只考虑了PC鼠标）（*然后发现没有禁用多指同时触摸的逻辑，呃或许可以阴差阳错地成为一种隐藏笔刷，，）（对不起有点懒得修了，，，）
-
勉强适配一下多尺寸显示但是实现方式不知道会不会比较阴间，显示栏数直接固定死了（…
-
fancybox看图部件（如果已经加过了或者不想用的话开头两行删了就行）
以及因为每个浏览器自带的取色器都不一样设备不同浏览器不同它好像功能就没办法统一。。pc端功能齐全度应该都差不多吧，移动端（安卓）有的功能就很缺甚至会有只有固定几个颜色的情况。。苹果的应该还是会丰富些？
下载
代码。。有点长了塞不进这里放个下载好了。因为这地方用hugo整的（主题是ritzy），直接塞partials文件夹里就可以引入了……
<!-- hugo这边的模板引入格式 -->
{{ partial "drawbox.html" . }}
觉得除了留言作用外另外的可能的用途大概能有：塞自己网页里当作没事干自己掏出手机画两笔的抗烦躁解压物或者当作是简笔画图日记之类的。
半个月后真的就见到了有人会把玩具画板类网页和其余娱乐小网页称作fidget website，果然真的会有这样的安抚玩具式用途…
download: drawbox.html