美文网首页互联网科技技术干货
如何搭建免费的静态网站

如何搭建免费的静态网站

作者: PM回忆录 | 来源:发表于2019-02-23 21:24 被阅读2次

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

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

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

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

一、如何注册七牛云

点击注册七牛云

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

注册完成后,完成实名认证即可免费获得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>

相关文章

  • 如何搭建免费的静态网站

    什么是静态网页:静态网站是指全部由HTML(标准通用标记语言的子集)代码格式页面组成的网站,所有的内容包含在网页文...

  • CentOS 搭建Http静态服务器环境

    搭建Http静态服务器环境 搭建静态网站,首先需要部署环境。下面的步骤,将告诉大家如何在服务器上通过 Nginx ...

  • 在CentOS上搭建Nginx

    搭建Http静态服务器环境 搭建静态网站,首先需要部署环 境。下面的步骤,将告诉大家如何在服务器上通过 Nginx...

  • 搭建 Nginx 静态网站

    搭建静态网站,首先需要部署环境。下面的步骤,将告诉大家如何在服务器上通过 Nginx 部署 HTTP 静态服务。 ...

  • 哪些网站可以免费托管静态页面

    前几天看到有人提问:如何免费托管个人博客网站。由于个人博客主要是静态页面,所以这个问题可以扩展为:哪些网站可以免费...

  • 为网站添加https

    前一章节已经搭建好了网站,但是搭建好的网站是http,下面讲解下如何免费添加https。 因为本人的域名是在腾讯云...

  • 【网站搭建】30分钟轻松搭建网站应用

    30分钟轻松搭建网站应用 今天给大家分享如何30分钟快速搭建网站。使用免费开源个人博客建站工具WordPress部...

  • 2019-07-14

    今天学习了PHP,搭建环境—静态网站访问流程

  • 使用hugo搭建静态博客网站

    使用hugo搭建静态博客网站 hugo是使用go语言编写的快速搭建静态博客的工具。 安装我使用的系统是Ubuntu...

  • 腾讯云|阿里云 centos系统通过 Linux 访问静态ht

    这几天想要自己尝试搭建属于自己的网站,所以利用点时间学习一下先部署一个小小的静态网页玩玩。 搭建静态网站,首先需要...

网友评论

    本文标题:如何搭建免费的静态网站

    本文链接:https://www.haomeiwen.com/subject/jqcmyqtx.html