论坛好看的引用框,我设计了一个专属马卡龙配色网页来自动补全

欣欣|林可欣 2026-06-18 01:54 1

https://bubble-quote-crafter.stellafortuna.dpdns.org

名字是:

「bubble-quote-crafter」→「气泡引用匠」(谐音酱 ^-^)

参考了豆包提供的视觉设计方案


功能就是把你的文字变成引用格式:



[!quote]你还可以自定义标题 这个工具没有提供这个功能w

就像这样喵



预览:



(现在已经是动态的背景了喵)


剩下一些碎碎念~

第一版让glm5.2来真正开始写代码的时候,好像只用了五六秒 当然为了达到完美,最后还是花了40分钟()

这新版本比老版本(5.1)快了10倍不止吧(夸张地说)


而且确实非常不错~

第二版我提出了这样的改进需求:



[!quote]

感觉蛮不错的,按照你自己的想法再优化,然后我自己再提出几点特别的根据实际感受提出的:



  • 现在可以让背景全部动起来啦 而且动的是不规则的,像是空气流一般不受拘束,自由流动~ 时快时慢,但是最快也不要让人眼花缭乱

    慢的时候甚至无法感受到其运动~ 不是每时每刻都在切换速度和方向,设定一个合适的值,让它能维持些微的稳定~

  • 我们去除为无障碍准备的蓝色强调框 也就是那个点击按钮就会出现的把整个按钮包围住的蓝色的框w 让页面视觉上更纯粹~

  • 我们把复制按钮放到结果区的右上角~ 因为一次调整,所以它会变得更小一些,整体视觉效果也可以进行优化~

  • 我们新添一个和转换按钮放在一起的 但是它不是一个按钮,准确来说它像是一个代办事件一样 本来是一个空心的方框 右边配文字描述:关闭动画 点一下就变成勾选状态,也就关闭动画啦

  • 什么是动画呢 我们的转换添加一个虚拟的可爱转换进度条~ 很顺滑的一路到底不卡99% 只显示1秒钟~ (哪怕处理几百行的代码,我们的代码也能做到在0.1秒内完成,这一点值得夸,所以我们这个确确实实只是虚拟的进度条,不用把它做成真的^-^) 所以这个动画是可以被关掉的,如果不想等1秒的话~ 重新开启网页也会记住这个设置~

  • 既然让网页记住那些东西,那再让他多记一点吧 在页脚加一个不起眼的小小备忘 记录我的总转换次数~

  • 所有文案都全面升级,更可爱~ 包括我上面添加的新文案 比如关闭动画~

  • 一个逻辑优化,如果我什么都没输入,就直接点击转化,那么应该是温馨可爱提示你没有输入内容呢,想让我转化什么东西呢?快快告诉我吧~ 这样的可爱提示~ 实际怎么写看你的~



结果:


「glm5.2,你搞砸了一切!」



他自己觉得可能是进度条的问题,为此思考了快3分钟 按照现在他的速度,大概思考了近万字 而且一遍又一遍的重复代码… 真的很努力了

不知道现在速度这么快,怎么还时不时的说资源紧张,不让我用()

或许这是国产最后的悲哀(其他方面已经光芒万丈) 希望阴霾早日散开

总之是完美的修复了问题!

但是他当时大改了一下背景,我觉得不是很好看,于是又改回了第一版的点点背景,也就是你现在看到的那样子~

上面我那个改进需求就是用这个网页一键处理的~


玩的开心喵


如果还想支持其他效果框的话,也可以求求我,我起初是想到了,但是懒得让glm做w

最新回复 (1)
  • 咕嘎治愈世界 06-18 02:15
    2

    嘿嘿,佬友的分享都好有用,前天刚偷了你的小尾巴制作方式。


    昨天请假了, 过两天把小尾巴的模版页面搞好了发出来。

    我直接cv svg并生成多个模版,就是gemini好像网页版被我玩崩了,现在加载不了账号列表了QAQ

* 帖子来源Linux.do
返回