3分钟搭建免费静态主机

3分钟搭建免费静态主机

最近没状态,写下原来懒得写的东西吧。

免费是真的免费,但免费也是有些许的限制的,主要分为两种:无限流量有限带宽 和 有限流量无限带宽,两种免费模式自行选择。

鉴于局限性也就让我们玩玩就可以了,或者做个简单的门户首页就行了。(搭建博客不好用,因为是静态网页就会导致每次先备份,再更新、全部更新。。。)

无限流量有限带宽:利用托管平台page服务搭建静态网页,如:gitee平台(gitee.io)、github平台(github.io)、coding平台(conding.io)听说coding支持动态了,还没去看呢

有限流量无限带宽:利用CDN的免费存储空间做静态网页发布,如:又拍云(10G空间+15G流量)、七牛云(10G空间+10流量)

第一种:无限流量,有限带宽

利用page服务搭建静态网页。

gitee、github、coding这3个代码平台的操作都差不多,毕竟都可以使用git的,我这里以github为例做个演示。

流程:

  • 注册github账号
  • 创建仓库(仓库名:你的用户名+github.io)
  • 上传静态网页
  • 配置github page项
  • 测试
  • 解析到个人域名(可选)

第一步,注册github账号

Github官网:https://github.com

邮箱注册很简单,我前面文章有写,也可以自行百度

第二步,创建仓库(仓库名:你的用户名+github.io)

仓库名格式:你的用户名+github.io

其它命名格式,就会变成你域名下的二级目录,如:你的仓库访问地址就会变成:你的用户名+github.io/你随意命名的仓库名(当然如果你有二级目录的需求的话。。。)

登录账号,点击右上角“New repository”

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

仓库名格式:用户名+github.io

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-3.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第三步,上传静态网页

仓库创建完成后,自动进入仓库,因为静态网页都比较小所以直接用网页端直接上传即可(如果文件太大建议使用git工具上传,不推荐视频,因为带宽有限)

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-1-1024x433.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-2-1024x641.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第四步,配置github page项

点击setting,配置pages页,更改目录所在位置,保存后即可放你的githui.io

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-5-1024x585.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第五步,测试

在浏览器打开:你的用户名+github.io,即可正常访问。

我的地址:ffingcn.github.io

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-6-1024x629.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第六步,解析到个人域名(可选)

先到自己的域名供应商添加CNAME解析,再Github pages 配置CNAME(配置后你的仓库会自动生成CNAME文件)

域名供应商添加CNAME解析(注:如果是修改的域名,需要等待10分钟DNS刷新生效,默认TTL为10分钟)

我这里添加个二级测试域名:test.ffing.cn

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-7-1024x492.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

Github pages配置个人域名

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-8-1024x626.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

访问我的二级域名,已经成功跳转:test.ffing.cn

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-9-1024x550.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第二种:有限流量,无限带宽

利用免费的存储空间做静态发布。

不限制带宽的限制流量,可以让我们适当的放些展览性的小视频玩玩。

免费CDN送空间送流量,但是有限啊。。。

这里以又拍云为例,七牛云也是差不多的操作

流程:

  • 又拍云账号注册
  • 创建操作员(用户管理存储)
  • 创建存储空间
  • 配置存储空间
  • 上传静态网页
  • 测试
  • 绑定个人域名(测试域名只有30天)

第一步,又拍云账号注册

前面文章有些,也可以自行百度,略……

第二步,创建操作员(用户管理存储)

也可以在创建空间的时候一起创建,怕后面忘记保持密码,提前创建

登录账号,进入控制台,右上角点击你的用户名,创建操作员,将用户名和密码保存,我们后面要用到

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-10-1024x274.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-13-1024x385.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-12-1024x670.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第三步,创建存储空间

我擦,我也想略……前面文章有写。。。

登录控制台,选择云产品—>云存储—>创建服务—>

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-14-1024x269.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-11-1024x422.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-15-1024x852.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-16-1024x838.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第四步,配置存储空间

配置存储空间,主要查看首页访问是否打开(https、图片水印设置可查看我前面文章)

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-17-1024x839.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-18-1024x417.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第五步,上传静态网页

又拍云官方web文件管理:https://uptool.tingfun.net/

又拍云官方sdk工具下载:https://docs.upyun.com/download/

web端不支持上传目录,推荐官方客户端

https://qnimg.ffing.cn/wp-content/uploads/2021/09/image-1.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

或者FTP工具上传,FTP账号登录,将静态网页上传至云存储根目录

注意用户名格式:操作员名/服务名

主机名:v0.ftp.upyun.com

用户名:操作员名/服务名

密码:云存储操作员密码
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-19.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-20-1024x830.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第六步,测试

打开测试域名:http://testypy-ffing-cn.test.upcdn.net/

访问正常,就可以免费试用测试域名30天了,如果需要长期使用建议绑定个人域名

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-21-1024x533.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

第七步,绑定个人域名(测试域名只有30天)

绑定域名两部分操作:又拍云绑定个人域名、域名供应商添加CNAME解析(没有先后顺序但要保持一致)

又拍云绑定个人域名,回到云存储,找到刚刚建立的服务名进行配置

这里添加个人域名testypy.ffing.cn为例

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-22-1024x342.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-23-1024x840.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

域名供应商添加CNAME解析(上图有CNAME跳转地址)

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-24-1024x445.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

测试testypy.ffing.cn,OK结束

https://qnimg.ffing.cn/wp-content/uploads/2021/08/image-25-1024x558.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

good good study, day day up!

发表评论

textsms
account_circle
email

3分钟搭建免费静态主机
最近没状态,写下原来懒得写的东西吧。 免费是真的免费,但免费也是有些许的限制的,主要分为两种:无限流量有限带宽 和 有限流量无限带宽,两种免费模式自行选择。 鉴于局限性…
扫描二维码继续阅读
2021-08-07