公众号旧文

不用服务器,几分钟上线网站,保姆级教程

作者:胖子阅读 —

今天写一个上线网站最简单的方法:

不用服务器,利用 Cloudflare Pages 直接上线一个静态网站。

它能帮你:

  • 免费托管网页
  • 自动 HTTPS
  • 全球 CDN 加速
  • 不需要服务器

第 0 步:准备文件

先在电脑里新建一个文件夹,比如:

datong-archive

里面放一个文件:

index.html

把你写好的网页代码粘进去。

比如:

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>我的网站</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

第 1 步:进入 Cloudflare

打开:

https://dash.cloudflare.com/

登录后,如下图,在左侧找到:

Workers 和 Pages

图片

第 2 步:创建应用程序

点击上图中右上角的:创建应用程序

第 3 步:一定要选 Pages

这里会让你选类型,一定要选下图中,红框里的 Pages:

图片

第 4 步:选择上传方式

接下来会看到两个选项:

导入现有 Git 存储库
拖放文件

我们选:

拖放文件

点击下图中,右侧红框里的“开始使用”:

图片

第 5 步:填写项目名称

这里需要填一个名字,比如:

datong-archive

注意:这个名字会变成你的网站的网址

https://datong-archive.pages.dev

如果提示被占用,换一个名字即可。

写好项目名称后,点下图中右侧红框里的“创建项目”:

图片

第 6 步:上传文件

把刚才那个文件夹上传:

datong-archive/
 └── index.html

图片注意:文件夹里必须直接有 index.html

错误示范:

datong-archive/datong-archive/index.html

第 7 步:部署

点击下图中红框里的:

部署站点

然后等待几秒钟

图片

第 8 步:访问网站

部署完成后,你会得到一个地址,打开就能看到网站:

https://datong-archive.pages.dev/

谨以此文,纪念大同事件。