# 工具网站
TIP
本模块记录一些实用的工具网站
# 精选
算法可视化工具网站visualgo
可视化代码执行网站工具pythontutorhttps://pythontutor.com/
将markdown转换成HTML的工具MDcathttps://github.com/calganaygun/MDcat
# 常用
dns-ip检测服务https://nstool.netease.com/
通过复制内容来快速生成css代码的工具网站kakacss
查询npm包体积和加载性能分析bundlephobia
上传照片可以生成卡通头像https://toonme.com/
图壳免费的图床网站,这个是我试传的图片https://imgkr.cn-bj.ufileos.com/47935e7d-d93b-42d1-9992-70095b462f5c.png
可以获取Github状态的统计报表,项目图钉,语言排行榜,用markdown的方式使用,如下图使用教程教程 github-readme-stats
十分钟邮箱10minutemail
mail-临时邮箱https://mail.tm/en/
给自己未来发送邮件的服务https://www.futureme.org/注意信息安全o
carbon生成代码图片
jsDelivr免费的github、npm、wordpress资源CND服务
加速下载eg:例如 GitHub的releases文件
免费的在线IDEcodesandbox
当你想要开发自己的项目时,可以在这个网站找设计灵感nodesign
响应检查器该网站还提供很多工具,可以找一找实用的唯自己所用
生成骨架屏的网站-传送门可以生成react或vue等等不同前端框架的代码
# 必备
adobe.color还可以拖入图片识别里面的颜色值
在线查看github仓库网站只需要在该网址后面加上GitHub仓库地址就可以了
eg: https://sourcegraph.com/加上GitHub项目地址
eg: https://sourcegraph.com/github.com/huskyAreYouScared/subtitle
2
jsrunOnlineIDE 类似CodePen
// 具体使用方式
// <Document Location> 可访问的文件地址
"http://view.officeapps.live.com/op/view.aspx?src=<Document Location>"
2
3
// 使用方式:https://gitmemory.com/<账号>/<开源仓库名>
eg:https://gitmemory.com/huskyareyouscared/subtitle
2
提供多种浏览器的页面截图网站-BrowserFrame这个是我上传的该网站的预览图
buymeacoffee打赏网站buymeacoffee
生成字符画的网站传送门 下图为3D版的husky are you scared
,---, ,-.
,--.' | ,--/ /|
| | : ,--, ,--. :/ | __ ,-.
: : : ,'_ /| .--.--. : : ' / ,' ,'/ /|
: | |,--. .--. | | : / / ' | ' / .--, ,--.--. ' | |' | ,---.
| : ' |,'_ /| : . | | : /`./ ' | : /_ ./| / \ | | ,'/ \
| | /' :| ' | | . . | : ;_ | | \ , ' , ' : .--. .-. |' : / / / |
' : | | || | ' | | | \ \ `. ' : |. \/___/ \: | \__\/: . .| | ' . ' / |
| | ' | :: | : ; ; | `----. \| | ' \ \. \ ' | ," .--.; |; : | ' ; /|
| : :_:,'' : `--' \ / /`--' /' : |--' \ ; : / / ,. || , ; ' | / |
| | ,' : , .-./'--'. / ; |,' \ \ ; ; : .' \---' | : |
`--'' `--`----' `--'---' '--' : \ \ | , .-./ \ \ / ,---,
,---. ,--, \ ' ; `--`---' __ ,-. `----' ,---.'|
' ,'\ ,'_ /| .--.--. `--` ,' ,'/ /| | | :
.--, / / | .--. | | : / / ' ,---. ,--.--. ' | |' | ,---. | | |
/_ ./|. ; ,. :,'_ /| : . | | : /`./ / \ / \ | | ,'/ \ ,--.__| |
, ' , ' :' | |: :| ' | | . . | : ;_ / / ' .--. .-. |' : / / / | / ,' |
/___/ \: |' | .; :| | ' | | | \ \ `. . ' / \__\/: . .| | ' . ' / |. ' / |
. \ ' || : |: | : ; ; | `----. \' ; :__ ," .--.; |; : | ' ; /|' ; |: |
\ ; : \ \ / ' : `--' \ / /`--' /' | '.'| / / ,. || , ; ' | / || | '/ '
\ \ ; `----' : , .-./ '--'. / | : :; : .' \---' | : || : :|
: \ \ `--`----' `--'---' \ \ / | , .-./ \ \ / \ \ /
\ ' ; `----' `--`---' `----' `----'
`--`
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
- 生成字符流程图的网站传送门
+---------------+ +---------------+
| | | |
|---------------| |---------------|
| +--------------------+| |
| husky are | | you scared |
| | | |
| | | |
| | | |
+---------------+ +---------------+
2
3
4
5
6
7
8
9
将图片转换成字符画的工具网站IMG2TXT
可用于开发移动端真机不方便调试来使用远程调试工具-chii
javascript静态检查器在线版jshint
在线版各种浏览器的预览工具,免费版有时长限制browserstack
figma designfigma在线设计图工具
webp2jpg-online在线的图片转换工具它的原理 用到了canvas的API canvas.toBlob(callback, type, encoderOptions);
分享文本的网站,分享的内容支持加密和阅后即焚(类似qq闪照)pasteme
生成图片风格的二维码工具网站qrpicture
可以查看git history的网站https://github.githistory.xyz/历史记录比对体验很好
# 首先定位到一个文件
https://github.com/huskyAreYouScared/blog/blob/master/docs/.vuepress/config.js
# 只需要改变网址即可
https://github.githistory.xyz/huskyAreYouScared/blog/blob/master/docs/.vuepress/config.js
2
3
4
linuxcoollinux命令手册
获取地图信息openstreetmap
可以画对称图画的网站Andala
github仓库,只需要在github+1s就可以打开网页版的vscode测试一下
生成Github提交记录的3D模型github官方-https://skyline.github.com/
.new域名工具-doc.new.new域名是谷歌托管的,提供了一个打开网络服务的快捷方式,下面是一些例子。
- doc.new:新建一篇谷歌文档
- sheet.new:新建一个谷歌表格
- js.new:新建一个 CodeSandbox 的代码片段
- github.new:新建一个 GitHub 仓库
浏览器调用这段代码会在vscode安装对应主题-vscode:extension/theedgesofben.punk-runner
- vscode:extension/*** 后面主题名
共享网页的工具多个人可以一起操作一个网页,缺点画质不清晰
邮箱安全信息检测网站https://monitor.firefox.com/
一个 Rust 库,用来检查 Email 邮箱的可靠性,功能非常多,包括邮箱是否存在、是否为一次性地址、是否泄露过密码、用户有没有设置头像图片等等,对个人免费https://github.com/reacherhq/check-if-email-exists
个人信息伪造 https://www.fakepersongenerator.com/
查询不同年份发生的事情http://whathappenedinmybirthyear.com/
日常专业问题解答网站https://zh.wikihow.com/
图片转线稿工具https://javier.xyz/pintr/
开源-在线油画https://david.li/paint/
用JS发送邮件--免费版有模板和流量限制https://www.emailjs.com/
在线图片压缩服务https://imagecompressor.com/zh/
在线的项目管理网站-clickup-有免费版支持小型团队协作https://clickup.com/
查看 npm 包添加到您的项目中的成本https://bundlephobia.com/
支持3d风格的流程图网站-有免费版https://www.cloudcraft.co/
开源的网页设计调试工具chrome插件版https://github.com/GoogleChromeLabs/ProjectVisBug
嘿呦终端-运维工具https://heyterm.com/zh-cn/
Colaboratory-可在浏览器中编写和执行 Python 代码https://colab.research.google.com/
信用卡生成器-vccgeneratorhttps://www.vccgenerator.com/
举牌小人图片生成工具http://1.hus.tcapps.twocola.com/
P站风格logo生成工具https://lab.bangbang93.com/porn-hub
支付宝到账语音生成工具https://saythemoney.github.io/
随机动漫头像生成工具https://make.girls.moe/#/
生成英文手写风格的工具网站https://www.calligrapher.ai/
歌曲伴奏和人声分离的工具网站-lalal.aihttps://www.lalal.ai/zh-hans/
shapefactory-设计工具网站https://shapefactory.co/
- logohttps://logo.shapefactory.co/ --付费
- 配色-pigmenthttps://pigment.shapefactory.co/
- 渐变色-gradienthttps://gradient.shapefactory.co/
- 双色图-duotonehttps://duotone.shapefactory.co/
设备截图工具网站-deviceshotshttps://deviceshots.com/
视频片头制作网站-panzoidhttps://panzoid.com/
制作波浪效果的工具网站-getwaveshttps://getwaves.io/
制作水滴效果的工具网站-blobmakerhttps://www.blobmaker.app/
可以制作多种风格(水滴,波浪等等)图片的工具网站-haikeihttps://app.haikei.app/
4kdownload-提供很多关于音视频的工具https://www.4kdownload.com/
双色调工具网站-duotoneshttps://duotones.co/
渐变色工具网站-webgradientshttps://webgradients.com/
制作故障风格片段的工具网站-photomoshhttps://photomosh.com/
二维码美化工具https://www.weihaobang.com/tool/erweimameihua/
语音识别转文字工具-webcaptionerhttps://webcaptioner.com/
sukoutu-抠图工具网站https://sukoutu.com/
github.dev/[用户名]/[仓库名]-在线VSCodehttps://github.dev/huskyAreYouScared/blog
高亮显示所输入网址的源代码https://neatnik.net/view-source/
可以展示NFT的在线画廊https://oncyber.io/
可以生成notion风格的头像https://notion-avatar.vercel.app/zh
生成各种姿势的 3D 人体模型的网页工具https://setpose.com/
生成树形结构的目录小工具https://devtool.tech/tree
基于 GitHub Discussions(讨论区) 的网站评论系统https://giscus.app/zh-CN
在 GitHub 仓库的 README 文件里面,加入图形化的项目数据统计https://repobeats.axiom.co/
网页的背景音生成器https://neal.fun/ambient-chaos/