无需任何编程知识！现在就使用Vtbkeyboard.moe，在十秒钟内架设一个vtb按钮站！
特别提醒！本按钮站基于按钮联合工作室的MIT开源协议的mio-button修改。我的工作在于增加了后端音声处理/mongodb数据库/前端主页/用户上传音声功能/用户修改页面颜色/调整布局/适配手机浏览器（特别是qq内置浏览器）/对多个用户同时编辑机制进行了设计/增加更新模式/删除模式/额外翻译/后端用户注册/后端用户验证/以及其他一些琐碎的东西。在这里对他们表示感谢。
1. 什么是按钮站？
按钮站是一种以某Vtb名称作为域名，托管该Vtb音声的网站。用户可以通过点击网页上的按钮来方便快捷地欣赏预先录好的Vtb音声。另一方面，按钮站也是宣传安利一个Vtb的极佳途径。精心剪辑的音声片段，惹人喜爱的网页，只要一条短短的链接，就能够充分地释放这个Vtb的魅力。
—— 你说这个Vtb值得推？先让我听听她的声音吧～
2. 按钮站发展现状
早在holo时代，各式按钮站就层出不穷。当前，B站V圈生机勃发，出现在大家视野中的Vtber如同夜空繁星。然而，按钮站的建设却近乎停滞。原因有三：
1. 按钮站技术门槛
建设按钮站的技术对真正的内行人士来说过低，但是对外行人士来说却过高。想要实际架设一个按钮站，你需要：
租用服务器
注册一个.moe为后缀的域名
一定的vue和JavaScript知识，用来魔改其他人的vue代码。或者高标准的你会选择换个框架，从零开始写网页
一定水平的css知识，用于让网页变得吸引人
一定的审美能力，用于网页布局设计以及色彩搭配
一定的耐心，用于处理网页移动端适配中出现的各种问题
视情况而定，还需要一定水平的后端知识以及数据库知识。用来高效地压缩，存储音声
一定的运维知识，用于网站的部署。具体来说，需要配置linux服务器环境，修改ngnix配置文件，运行certbot以申请https证书
对于一个满怀热情，之前却只会开关机的人来说，以上的门槛实际上高的吓人。整个过程里存在着无数或深或浅的陷阱。能够建立按钮站的傻瓜教程就算存在，也会因依赖软件的迅速更新或含混不清的表述而失效。
2.金钱成本
架设按钮站需要一个服务器以及一个域名。幸运的是，按钮站对于服务器要求极低。亚马逊的最低一档EC2服务器即可满足需求，一个月只要5刀，包年只要25刀。不幸的是，高贵的二刺猿域名.moe（萌）比.com要贵上两倍还多。我们以绯赤艾莉欧为例，hisekierio.com报价仅为4.15刀/年，而hisekierio.moe报价高达12刀/年。有趣的是，我发现hisekierio.com已经被购买，而且会直接跳转到她的油管主页。很好奇是谁买的，她自己吗？
3. 剪辑音声成本
假设一个程序员DD搞定了前两个要求，接下来这个可真是要了命了。在996之余剪音频倒还不算什么，可是要听懂日语并且找出高能的点可太难了。程序员不罕见，会日语的DD不罕见，但是会日语的DD程序员确实比较罕见。
3. 解决上述三大问题，Vtbkeyboard.moe！
既然存在着如此之高的门槛，那么我们能不能开发一个面向所有Vtb的傻瓜式按钮站呢？困难的编程细节会全部被隐去，任意一个想要给某位Vtb建站的人只要准备音声就行。如果有兴趣的话，Vtb本身甚至也可以给自己建站。更棒的是，整个过程并不仅仅局限于某个个体，大家可以方便地合作。剪辑man可以上传自己感兴趣的Vtb音声到对应的按钮站点，懂日语/英语的DD则可以查看未翻译的音声并添加翻译，审美好的DD还可以帮忙调整站点的页面配色。实际上，这就是今天要介绍的Vtbkeyboard.moe了。因为是按钮站的集合，所以我们称它为“键盘站”。
Vtbkeyboard的使用十分简便，只要点点按钮就行。以下是给秦先生做的按钮站，少部分音声借鉴了b站的切片。
https://vtbkeyboard.moe/15810
点击左上角的Vtb keyboard就可以回到主界面，点击Mr.Quin则通往秦先生的b站页面。如果想要上传音声/更改翻译/更改页面颜色，注册一个账号就可以了。目前任何人都可以注册，没有门槛。在回到主界面之后，就可以为你的Vtb建立新的按钮站了：
按钮站主页面：
https://vtbkeyboard.moe
⚠️注意：普通用户没有删除整个子按钮站的权限！一旦建立就不能删除，但是可以更改Vtb的名称，图标和按钮颜色。
建立一个按钮站，你需要：
Vtb的名称
一个你喜欢的按钮颜色
代表Vtb的图标，最好是正方形的png格式图片。日V的话可以直接找对应的emoji图片。背景最好变成透明的，当然，也可以先不上传，其他人可以之后代替你传。
Vtb的b站uid （可以在Vtb的b站主页轻易找到，见下图）
另外，上传的音声大小请控制在1M以内！
4. 设计理念
1. 大家一起做按钮站！
你可以翻译其他人的按钮，你也可以更改其他人的翻译——只要你确信自己更正确。对于网页配色也是同理。
2. 机会均等
按钮站主页的各个Vtb按钮的先后排序完全随机，每次访问都会有所不同。希望这样可以鼓励大家去发现新的Vtb～
3.三语支持与b站限定
本网站现在支持中日英三语，在右上角点击Lang即可切换。虽然也很欢迎外国友人前来帮忙建设，但是支持日语的初衷是为了方便Vtb来查看自己的按钮站。至于英语支持，主要是因为英语系Vtb，粉色大猫猫hirro。另外，本站目前仅支持有b站账号的vtb，其他平台暂时不在考量之内。
4. 防护措施与定时备份
从开头我就意识到，有可能有人会来捣乱。所以，对于某个音声，只有最后编辑的人才有权删除。这条限制实质上非常宽松，如果社群氛围良好，那么它就可以一直维持下去。另外，每隔一小时数据库都会自动备份，我们随时随地都能够轻易地将被删除/搞乱的页面恢复原状，整个恢复过程耗时不超过十秒钟。
5.不要上传版权音乐！发现之后会立刻删除
Vtb音声也是同理。如果您不希望自己的声音出现在本网站上，或您觉得自己的版权受到侵犯，请前往github/qq群以联系我们立刻删除。
5. 网站还在测试阶段
鬃狮本质算法程序员，前端后端运维都沾不上边，所以在某些地方写出bug也是理所当然。因此我们建了个测试群：Fyredrake Web：887509094。大家有兴趣的话可以加入。如果您愿意为本网站贡献代码，也异常欢迎。现在是测试阶段。不仅仅是代码，设计理念也需要测试。希望大家能一起让V圈的氛围变得更好～（好起来了）
