白嫖worker 自建短链服务 Url-Shorten-Worker 美化 Bootstrap 设计框架 照猫画虎

源码 GitHub: https://github.com/crazypeace/Url-Shorten-Worker

搭建教程: https://blog.icdyct.nyc.mn/2022/07/url-shorten-worker-hide-tutorial.html

准备美化一下 https://github.com/crazypeace/Url-Shorten-Worker/

看了一下源项目，使用的是 Bootstrap 4

参考：

https://getbootstrap.com/docs/4.0/components/input-group/

我们准备抄这个设计格式

找到对应的示例是:

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="basic-addon3">https://example.com/users/</span>
  </div>
  <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
</div>

 最终效果：