自动生成网站的工具大全：

https://blog.csdn.net/hqw921054/article/details/120412548?spm=1001.2014.3001.5506

1.codespaces

https://www.zhihu.com/tardis/zm/art/138815577?source_id=1005

可以在浏览器使用云开发工具直接开发，开发完之后直接部署到github上面

注意：缺点是还要自己写代码，不符合我们快速开发的理念

2.Ant Design Landing

蚂蚁开发的网站首页生成器，平台提供了丰富的首页模板，可以快速帮我们上线专属网站首页。

选中模板后，还能够可视化地编辑页面中的元素、添加新元素等，想怎么改就怎么改！

最爽的是，还能够直接一键发布做好的网站！它利用 vercel 为我们提供了默认的可访问域名，不需要购买域名和服务器。

优点：可视化，专门开发官网首页，开发完直接部署！

大坑，无理由的报错：Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.

似乎自从 less-loader 6customize-cra“addLessLoader”被破坏了。

这个PR修复了它，但从未被合并。同一个人创建了这个包： customize-cra-less-loader

要解决此问题：

• 安装customize-cra-less-loader包
• “config-overrides.js”应该如下所示：

const { override } = require("customize-cra");
const addLessLoader = require("customize-cra-less-loader");

module.exports = override(
  addLessLoader({
    lessLoaderOptions: {
      lessOptions: {
        javascriptEnabled: true,
        modifyVars: {
          '@primary-color': '#038fde',
        }
      }
    }
  })
);