如何搭建免费的静态网站
什么是静态网页:静态网站是指全部由HTML(标准通用标记语言的子集)代码格式页面组成的网站,所有的内容包含在网页文件中。网页上也可以出现各种视觉动态效果,如GIF动画、FLASH动画、滚动字幕等,而网站主要是静态化的页面和代码组成,一般文件名均以htm、html、shtml等为后缀。
要实现永久免费的静态网站,首先要满足以下几个条件:
- 注册七牛云,获得免费的空间(需个人实名认证)
- 注册域名(国内需实名认证),让域名转发到七牛云空间的地址
一、如何注册七牛云
以上是七牛云的注册地址,如有需要,可直接点进去完成注册。
注册完成后,完成实名认证即可免费获得10G的存储空间。
二、创建存储空间
点击左侧图标进入存储空间页面,然后点击新建存储空间,填写存储空间名称:

确认创建,如果你已经注册好了域名,可以点击立即绑定一个域名。

如图,填写你的域名或子域名(不知道怎么创建子域名的请点击:域名解析)

点击创建,可以看到已经成功。点击“如何配置CNAME”,根据要求去域名服务配置你的子域名转发到这个空间。

三、上传网站代码
配置好域名后,大概一天内,会通知你绑定成功(如果你没有绑定自定义域名,会默认给你一个域名,但是有效期只有一个月)。
接下来,将你的文件上传到存储空间即可。

点击查看你的html主页文件的地址,文件中如有引用css/js/音视频等文件,凡是引用前,都需要将文件上传到这里,然后更换为存储空间的地址即可。

小实践
布置一个作业:
自己动手创建一个七牛云存储,点击注册七牛云(在这里注册楼主可免费得到5G下载流量,码字不易,谢谢关照)。
创建一个网页,内容自选,末尾会给个模版,可参考。
上传网页到七牛与存储。
完成后,可以将你的个人网站地址放在评论里。
---------------------------------------------------
附:HTML模版
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>你的网站名称</title>
</head>
<body>
<div style="text-align: center;">XXX签到。</div>
</body>
</html>