工具网站&教程集合

因为一些用过的或听说过的好用的工具网站，在一段时间不用后，可能会慢慢淡忘掉，这里来记录一下。

CSS样式生成

有时做的对样式不严格要求的网站，想做的美观一些，就需要网上找找各种美观的设计、按钮、卡片、模板之类的，最终以css、svg图、模块组件的形式来使用。

下面可以用来参考，并免费使用。

现成模板

这三个网站是一家的，互相跳转，核心是第一个。

主要服务：提供设计好的动态loading、按钮、表单、卡片、悬浮框等等的模板，可以直接复制对应的react、vue、html/css代码。

复制到自己的项目中，直接套用或者微调后使用。

网站一：https://uiverse.io/

• 功能：各种设计好的按钮、loading、卡片等
• 截图展示：

网站二：https://neumorphism.io

• 功能：实时在线微调中意的一个拟真卡片，调整阴影、颜色、光照等，最后复制css
• 截图展示：

网站三：https://cssbuttons.io/

• 功能：列出了很多按钮的样式
• 截图展示：

在线调试生成复制

网站一：https://app.haikei.app

• 功能：生成概念化的背景，比如玻璃、形状，下载svg。
• 截图展示：

网站二：https://lingdaima.com/jianbianse

• 功能：渐变背景生成器，生成css
• 截图展示：

网站三：https://lingdaima.com/glass

• 功能：毛玻璃样式生成器，生成css
• 截图展示：

网站四：https://lingdaima.com/shadow

• 功能：阴影在线配置生成器，生成css
• 截图展示：

Element UI表单设计及代码生成器

网址：https://gitee.com/mrhj/form-generator

预览地址可以看这里：预览地址

功能：通拽配置表单，生成vue + element-ui代码。

前端脚手架配置可视化自定义生成

网站：https://createapp.dev/

功能：前端使用 react、vue 开发时会使用脚手架，同时需要按照业务需求，自定义很多图片、css、babel 的配置。

这个网站就是可视化的进行：

• 勾选要使用的编译工具(webpack、Parcel等)。
• 勾选要使用的前端开发框架(react、vue等)。
• 勾选要使用的工具、编译插件(babel、ts、eslint、图片处理、css处理等)。

勾选的同时同步生成项目配置，最后可以直接下载下来使用的一个网站。

图片压缩网站

这是很有名的图片压缩网站：https://tinify.cn/。

在线版一次20张，每张最大5M。

提供api服务，需要输入昵称和邮箱，生成服务api key，但无论有几个key，每个账户每个月可以免费压缩500次。

免费API：可腾网络科技

官网地址：https://kertennet.com/

提供了几个有用的免费无限制 api，比如：

• 图片OCR文字识别：https://kertennet.com/index.php/index/show?id=116&catname=tupianchuli
• 图片压缩(压缩至200k左右)：https://kertennet.com/index.php/index/show?id=132&catname=tupianchuli

十分钟邮箱汇总

平时使用一些第三方服务时，只需要接受一次验证码，这时不想使用自己的邮箱时，就可以使用下面这些十分钟邮箱。

不过要注意，有些第三方服务做了校验，能识别一部分10分钟邮箱，他们会拒绝服务，这是我们就换一个。

• https://10-minutemail.com
• https://10-minutemail.net
• https://10-minutemail.org
• https://email10min.com
• https://www.mailtemp.net
• https://email10min.net
• https://tenminutesmail.net
• https://10minutemail.info/ (貌似接受邮件有问题)

IP地址风险评估

官网：https://scamalytics.com/。

这个网站用来给IP地址进行风险评估，评分越低越好。

使用代理访问网站时，我们访问到网站的IP地址，就会变成我们使用的代理的IP地址，如果网站有风险策略，发现你这个IP的风险值比较高，可能会禁止这个IP访问。

如果你的IP超过了40或者50，在大部分支付网站都是过不去的；

如果超过了60或者80，甚至有一部分网站都是进不去的，如果达到了100，有些网站会直接封掉你的账号。

跨平台文件传输工具

自己给自己跨平台传文件时，正常一些小文件就直接使用微信的文件传输助手了，但一些体积比较大的，使用微信的话可能体验不太好，而且一些机密文件比如代码、密码、秘钥文件之类的，会留下记录。

下面这款是局域网的跨平台的文件传输工具，支持Windows、macOS、Linux、Android、iOS，支持中文，使用也挺方便。

LocalSend：https://localsend.org/#/download

科学上网购买

翻墙的服务器：搬瓦工：https://bandwagonhost.com/

搬瓦工提供的翻墙服务：https://justmysocks3.net/members/cart.php?language=chinese

谷歌商店的软件生成APK下载链接

谷歌商店：https://play.google.com/store/games(需要翻墙)

转换用的工具网站：https://apkcombo.com/downloader/(需要翻墙)

正常想安装谷歌商店中的软件，必须要在手机上安装谷歌商店这个软件，很多时候不方便。

工具网站的作用，就是在谷歌商店网页版本中，打开你想下载软件的详情页，比如 Facebook https://play.google.com/store/apps/details?id=com.facebook.katana 的详情页，复制这个地址，然后粘贴到工具网站的输入框中，再点击下面的按钮，即可快速生成这个软件的下载链接。

点击下载，就可下载 Facebook 的软件安装包，方便没有谷歌商店、没有翻墙功能，或者其他朋友的手机安装。