使用七牛云静态存储来运行静态页面的官网(网站)

今天终于舍得花点时间把 “官网” 上线了。

嘿嘿,其实就是在网上下载了个HTML模板改的,主要是要能把我们能做什么,体现出来,

前端的兄弟都太忙了,没敢打扰,就这个方案将就用着吧。

 

进入正题:

使用七牛云静态存储来跑静态页面网站的好处:

  1. 不需要购买服务器、网页空间;
  2. 可以开启CDN ,全国加速,页面秒开;
  3. 安全、抗攻击;
  4. 流量不大的情况下,除了域名的续费以外,几乎免费。

 

准备工作:

  1. 设计制作好静态页面,以及相应的文件;
  2. 一个七牛云账号,以及一个备案过的域名(哪家备案过的不限制);
  3. 往七牛云里充点余额,通常  20 左右即可。

 

开始建站:

1、进入七牛云界面,新建一个静态存储空间;《使用七牛云静态存储来运行静态页面的官网(网站)》

2、输入空间名,其他选项根据需要设置即可。

《使用七牛云静态存储来运行静态页面的官网(网站)》

PS: 存储区域根据网站用户主要区域来定;访问控制权限设置为公开空间,否则用户访问不到网站。

3、空间建好后,会自动进入如下页面,点绑定域名,进入绑定域名界面;《使用七牛云静态存储来运行静态页面的官网(网站)》

4、绑定域名操作如下:

《使用七牛云静态存储来运行静态页面的官网(网站)》

PS: 这里只用输入域名即可,其他选项保持默认即可。当然你还可以根据实际情况开启https或者把覆盖范围选成全球等。

5、域名绑定成功后如下图;

《使用七牛云静态存储来运行静态页面的官网(网站)》

PS: 这里会给出域名的CNAME记录;到域名管理控制台做解析即可,如有问题,可以点击如何配置CNAME查看配置方法。

6、域名解析好后,回到静态存储的内容管理界面:

《使用七牛云静态存储来运行静态页面的官网(网站)》

PS: 域名绑定需要时间,通常10分钟左右;在次界面,选择外链域名为我们绑定的域名,并保存。

7、点击上图的上传文件按钮,进入上传文件界面,进行静态文件的上传。

《使用七牛云静态存储来运行静态页面的官网(网站)》

PS: 首页文件必须为 index.html 或 index.htm ;如果要上传文件到子目录需在右侧输入目录路径 以斜杠/结束

 

8、最后一步,设置空间的首页文件;

《使用七牛云静态存储来运行静态页面的官网(网站)》

 

 

如上操作后,等待域名解析绑定成功后 ,即可通过我们的域名访问到网站;

需要说明的是,如果更新了页面文件,需要在七牛云控制台清理一次缓存,需要等待一定时间才能看到最新的页面版本。

点赞

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

3 3 =