Skip to content

2024-10-23 零成本部署一个工具网站

>

前言

以前要做个https网站,非常繁琐:要购买服务器、域名,还要配置 nginx 和 https 签名,这些流程就像重重关卡,令人头疼不已。现在cloudflare把这些都简化了,你只需要买个域名就行,甚至不买域名也可以,就能轻松创建网站。

今天我将详细介绍如何利用 GitHub 和 Cloudflare 部署一个名为 CoverView 的网站,这个网站主要用于生成封面图片。

先睹为快:网站效果展示

在开始部署之旅前,你可以先看看我们要创建的网站的实际效果:https://makecover.1postpro.com/

fork代码

先将coverview项目fork到你的github下

https://github.com/rutikwankhade/CoverView

新建pages worker

打开cloudflare官网:

https://dash.cloudflare.com/

选workers和pages

点创建

选择pages

连接你的github项目

配置项目构建命令

构建成功后即可访问

点构建,即可自动编译出静态网站

构建成功后,clouder会为你分配一个临时的域名,并且可以直接访问了

自定义域名(推荐)

因为cloudflare分配的域名在国内有可能无法访问。所以最好用自定义域名。

点继续,即可。

搞定

现在就可以访问了

https://makecover.1postpro.com/

试试吧。

基本是一键操作。

而且最好的一点是,当你修改了代码,提交到github上后,cloudflare会自动检查到更新,并重新构建网站。

比如我现在把网站的标题改一下(之前是英文的)

刚提交,cloude 就自动构建了

等个几分钟,刷新一下网站,已经生效。

太方便了,国内的阿里云好好学学吧。