介绍

因为本站的热力图是静态Html制作,其中用到了一些JS和CSS,所以可以免费部署到github和cloudflare提供的pages,不花1分钱实现永久有效。


部署效果

github pages部署地址:https://skyzgh-cn.github.io/HotMap/

cloudflare pages部署地址:https://hotmap.pages.dev/

开源地址:https://github.com/skyzgh-cn/HotMap


部署步骤

1、下载本站热力图开源文件,下载地址:https://github.com/skyzgh-cn/HotMap/archive/refs/heads/master.zip
2025-04-26T10:41:59.png

2、登录cloudflare官网:https://www.cloudflare.com/

3、创建pages:
2025-04-26T10:44:51.png

4、上传下载好的文件
2025-04-26T10:45:34.png

5、系统会自动部署,并给与该应用一个域名,比如我的是https://hotmap.pages.dev/,第一次部署需要等待5分钟左右全球生效。2025-04-26T10:47:29.png

只要你的网页是静态的,都可以用这个方法免费部署,全球都可以访问,不花钱的感觉真好!