tools｜加快Web开发的10个网站

1. 随机获取图片的API

   在我们开发中时常会需要一下图片的urls，这时候就不得不去网上找或者利用图床上传一张，都挺麻烦的，这个网站就解决了这个小问题，当我们需要使用图片的时候，就可以直接使用对应的API

   比如：

   <img src="https://source.unsplash.com/collection/190727/1600x900">
   

   还有不同的参数供我们选择，具体可以看官方文档

2. Notion的第三方小部件

   Notion作为当红笔记应用，使用方法已经满大街了，这里就提供一个第三方小部件的网站供大家使用

3. 代码块美化

   在我们写笔记、博客时候如果你不满意代码块的样式，那么你就可以用这个网站美化一下

   

   具体的样式还可以自定义，非常方便

4. 素材模型

   提供了大量的产品模型，添加自己自定义图片即可使用

   

5. 必不可少的工具箱

   json格式化、base64编解码、代码格式化、生成测试数据等等各种各样的🔧

6. 炫酷的console.log()

   示例：

   figlet.defaults({fontPath: "assets/fonts"});
   
   figlet.preloadFonts(["Standard", "Ghost"], ready);
   
   function ready(){
     console.log(figlet.textSync("ASCII"));
     console.log(figlet.textSync("Art", "Ghost"));
   }
   
        _     ____    ____  ___  ___
       / \   / ___|  / ___||_ _||_ _|
      / _ \  \___ \ | |     | |  | |
     / ___ \  ___) || |___  | |  | |
    /_/   \_\|____/  \____||___||___|
   
      ('-.     _  .-')   .-') _    
     ( OO ).-.( \( -O ) (  OO) )   
     / . --. / ,------. /     '._  
     | \-.  \  |   /`. '|'--...__)
   .-'-'  |  | |  /  | |'--.  .--'
    \| |_.'  | |  |_.' |   |  |    
     |  .-.  | |  .  '.'   |  |    
     |  | |  | |  |\  \    |  |    
     `--' `--' `--' '--'   `--'    
   

   总得给枯燥的工作找点乐子呀

7. 自动扣图

   原始图：

   

   效果图：

   

   然后可以找个背景图就是满足了女朋友拍照的需求啦。。。哈哈哈

   

8. 生成readme文件

   这是一个快速生成自述文件的网站，提供了许多模版，我们可以根据自己的需要，快速的生成适合自己的自述文件

   

9. 高级插图

   

10. 个人资料图片制作

    上面抠出来的图就有用了，哈哈哈哈哈哈

    

    

参考