部署指南

部署到 Netlify

两条路。第一条只需要一个 Netlify 账号,第二条连这个站都不用离开。

01从「上线」那一步一键部署

在这里构建完,走到「上线」,选「直接部署到 Netlify」。弹窗里授权你自己的 Netlify 账号,文件从你的浏览器直接传过去——中间没有我们的服务器,授权 token 只在那个标签页里用一次,不保存也不外发。Netlify 会给新站起一个随机名字,之后可以在它的设置里改名或者接自己的域名。再部署一次是更新同一个站,不会多出第二个。

02或者把文件夹拖过去

在「上线」那一步下载 ZIP 并解压。打开 app.netlify.com/drop,把解压出来的文件夹拖到页面上——是文件夹本身,不是 ZIP,也不是里面那一堆文件。Netlify 会立刻发布它,并给你一个 .netlify.app 的地址。不注册也能试,但想长期留着这个站还是得有个账号。

app.netlify.com/drop

03如果刷新子页面出现 404

你的应用在浏览器里做路由,而 Netlify 是按真实文件路径找文件。解法是在文件夹根目录放一个 _redirects 文件,这个我们会替你加:下载之前在「上线」那一步把托管平台选成 Netlify,它就会一起打进 ZIP。自己写的话一行就够。

/*    /index.html   200

04接自己的域名

免费的 .netlify.app 地址本身就带 HTTPS,够用,所以这一步是可选的。真要接自己的域名,在站点设置的 Domain management 里,Netlify 会告诉你该加哪些 DNS 记录,证书也由它自己签发。

让它替你找

把 ZIP 拖进工作台。构建会在你自己的浏览器里真跑一遍,出问题时它指出关键的那一行,而不是把整篇日志甩给你。

打开构建台