如何搭建免费的静态网站

什么是静态网页:静态网站是指全部由HTML(标准通用标记语言的子集)代码格式页面组成的网站,所有的内容包含在网页文件中。网页上也可以出现各种视觉动态效果,如GIF动画、FLASH动画、滚动字幕等,而网站主要是静态化的页面和代码组成,一般文件名均以htm、html、shtml等为后缀。

要实现永久免费的静态网站,首先要满足以下几个条件:

- 注册七牛云,获得免费的空间(需个人实名认证)

- 注册域名(国内需实名认证),让域名转发到七牛云空间的地址


一、如何注册七牛云

点击注册七牛云

以上是七牛云的注册地址,如有需要,可直接点进去完成注册。

注册完成后,完成实名认证即可免费获得10G的存储空间。


二、创建存储空间

点击左侧图标进入存储空间页面,然后点击新建存储空间,填写存储空间名称:

如何搭建免费的静态网站_第1张图片

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

如何搭建免费的静态网站_第2张图片

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

如何搭建免费的静态网站_第3张图片

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


如何搭建免费的静态网站_第4张图片

三、上传网站代码

配置好域名后,大概一天内,会通知你绑定成功(如果你没有绑定自定义域名,会默认给你一个域名,但是有效期只有一个月)。

接下来,将你的文件上传到存储空间即可。

如何搭建免费的静态网站_第5张图片

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

如何搭建免费的静态网站_第6张图片

小实践

布置一个作业:

自己动手创建一个七牛云存储,点击注册七牛云(在这里注册楼主可免费得到5G下载流量,码字不易,谢谢关照)。

创建一个网页,内容自选,末尾会给个模版,可参考。

上传网页到七牛与存储。


完成后,可以将你的个人网站地址放在评论里。


---------------------------------------------------

附:HTML模版

你的网站名称

XXX签到。

欢迎访问作者网站:https://pmhuiyilu.com

你可能感兴趣的:(如何搭建免费的静态网站)