当前位置: 首页 > 编程日记 > 正文

自定义html托管,10分钟搞定“傻瓜式”的静态网站搭建托管之旅

原文发布于微信公众号:腾讯云存储(关注有惊喜)

静态网站:有别于动态网站,它就是只包含静态内容(如图片、音频、视频、HTML、CSS、JS)的网站,不依赖服务器端动态渲染页面。

那么静态网站托管应该如何使用呢?

今天就和大家分享一下『“傻瓜式”的静态网站搭建托管之旅』。

用户可以在腾讯云对象存储(以下简称 COS)上托管静态网站,访客可以通过自定义域名(例如 www.example.com )

访问托管的静态网站。以下是具体步骤:

1620

事前准备

以下是实践过程中,将会用到的相关服务:

域名注册:托管静态网站前,您需要先注册一个域名,例如 www.example.com。

对象存储 COS:使用 COS 创建存储桶,上传的网页内容将存放到存储桶。

内容分发网络 CDN:结合 CDN 和云解析服务,使得域名和网站内容绑定的同时,还可以为静态网站加速,降低访问延迟,提高可用性。

云解析:使用云解析,实现使用自定义域名访问静态网站的目的。

说明:

本指南中的所有步骤都使用www.example.com作为示例域名。实际操作中请使用您的自有域名替换此域名。

1620

4步搞定静态网站托管

01

注册域名与备案

域名注册是在互联网上建立任何服务的基础。注册域名之后,还需要进行备案,网站才能正常访问。请根据您的具体情况进行操作:

已注册域名并备案,可跳过本步骤,进行步骤2;

已注册域名但未备案,请进行域名备案;

未注册域名,请先注册域名,再进行域名备案;

02

创建存储桶并上传内容

在完成域名注册及备案后,您需要在 COS 控制台中执行以下任务,以创建和配置网站内容:

创建存储桶;

配置存储桶并上传内容;

2-1、创建存储桶

请使用腾讯云账号登录 COS 控制台,为您的网站创建相应的存储桶,存储桶用于存储数据,您可以将网站内容存储在一个存储桶中。

如您首次使用 COS,可以通过控制台的概览界面直接创建存储桶,或者在存储桶列表导航栏创建存储桶。

2-2、配置存储桶并上传内容

开启存储桶的静态网站设置,方法是:

1) 登录 COS 控制台 ,在左侧菜单栏中,单击【存储桶列表】,找到刚刚创建的存储桶,单击右侧的【配置管理】

1620

2) 找到静态网站,单击编辑,将当前状态设置为开启,其他设置暂时保持为默认,单击保存。

1620

3) 将您的网站内容上传到已创建好的存储桶。在存储桶中存放的内容可以是文本文件、照片、视频,任何您想要托管的内容。如果您还未构建网站,则只需按此实践创建一个文件。

例如,您可使用以下 HTML 创建文件,并将其上传到存储桶。网站主页的文件名通常为 index.html。在后续步骤中,您将提供此文件作为网站的索引文档。搭建

Hello COS!

欢迎使用&nbspCOS&nbsp的静态网站功能。

这是首页!

注意: 开启静态网站功能后,当用户访问任何不带文件指向的一级目录时,COS默认优先匹配对应存储桶目录下index.html,其次为index.htm,若无此文件,则返回404。

03

绑定自定义域名

为了加速访问,我们推荐将域名绑定为自定义加速域名,借助腾讯云 CDN 加速您的静态网站,使网站访客获取更好的浏览体验。

3-1、域名添加

1) 登录COS控制台 ,在左侧菜单栏中,单击【存储桶列表】,单击存储网站内容的存储桶并进入。

2) 在左侧二级菜单栏中,单击【域名管理】,进入域名管理页面,单击【自定义加速域名】下的【添加域名】,进入可配置状态:

域名:输入您已购买的自定义域名;

源站类型:选择静态网站源站;

回源鉴权:勾选,然后单击保存即可;

1620

3) 单击保存后,按照提示继续添加【CDN服务授权】。

1620

在CDN服务授权弹窗中,单击确定即可。

1620

4) 稍等几分钟,等待域名部署上线完成后。然后复制对应的CNAME记录,再进行如下步骤。

1620

3-2、域名解析

如果您使用第三方服务商注册域名,请在服务商处为您的自定义域名添加CNAME并指向步骤3.1中对应的CNAME记录。

如果您使用腾讯云解析服务,请参考下文进行操作:

1) 登录云解析控制台,找到您的域名,单击右侧的【解析】。

1620

2) 单击添加记录按钮。

主机记录:www;

记录类型:CNAME;

记录值:步骤3.1中对应的CNAME记录;

然后单击保存即可完成添加。

1620

04

测试验证

在完成上述步骤后,可通过在浏览器地址栏输入网站域名进行访问,来验证实践结果,以 www.example.com 为例:

http://www.example.com ——返回名为 example 的存储桶中的索引页面(index.html)。

http://www.example.com/test.html(不存在的文件) ——返回404提示。 如果您需要自定义错误文档,可在步骤2.2开启【静态网站】设置中进一步设置【错误文档】,此时访问不存在的文件将显示该指定的错误文档。

说明: 在某些情况下,您可能需要清除浏览器缓存才能看到预期结果。

1620

扫一扫关注 有惊喜

相关文章:

调用bat文件执行java文件

set path./jre7/bin--设置jre路径,可以写jre的全路径java -cp "lib/*;" -Xms256m -Xmx512m com.shentong.Main--测试类入口pause 把所有的jar包都放在lib文件下面 转载于:https://www.cnblogs.com/yuwenfeng/p/4911075.html

2022-2028年中国数码相机行业投资分析及前景预测报告

【报告类型】产业研究 【报告价格】4500起 【出版时间】即时更新(交付时间约3个工作日) 【发布机构】智研瞻产业研究院 【报告格式】PDF版 本报告介绍了中国数码相机行业市场行业相关概述、中国数码相机行业市场行业运行环境、分析了中国数码相机行…

Android安卓游戏引擎大搜罗

2019独角兽企业重金招聘Python工程师标准>>> 1.AndEngine 简介: AndEngine基于libGDX框架开发,使用OpenGL ES进行图形绘制。同时继承了BOX2D物理引擎,因此能实现一些较为复杂的物理效果。在Rokon停止更新以后,AndEngin…

Spring Boot 2.X 对 web 的开发支持(二)

Spring Boot 2.X 对 web 的支持开发 上章节的 Spring Boot 的入门案例,我们感受到 Spring Boot 简单的配置即可运行项目。 今天了解 Spring Boot 对 web 的支持。 Spring Boot 对 Web 开发的支持很全面,包括开发、测试和部署阶段都做了支持。spring-boot…

Blender建筑可视化技能学习视频教程

Blender建筑可视化技能学习视频教程 chocofur–Blender2021的内部可视化秘密 大小:28G 1920X1080 mp4 语言:英语 信息: 云桥网络 平台获取教程! 了解Blender中完整的内部可视化工作流程是成为一名成功的3D艺术家的关键。向做了十几年的专…

基于DCMTK的DICOM相关程序编写攻略

2008年09月10日 星期三 15:35 基于DCMTK的DICOM相关程序编写攻略 前言: 由于现在的医学影像设备的图像存储和传输正在逐渐向DICOM标准靠拢,在我们进行医学图像处理的过程中,经常需要自己编写和DICOM格式的图像相关的各种程序模块,…

计算机组成考试题及答案,计算机组成测试题一参考答案

计算机组成测试题一参考答案一、填空题(每空1分,共20分)1. 设二进制数X2+100(—0.10101100),用15个二进制位来表示它的浮点数,阶码用5位,其中阶符用2位;尾数用10位,其中符号用2位(2100中的100为…

典型的垃圾收集算法

上一编:《垃圾回收之标记算法》 ,用以确认那些垃圾判定为可以回收。 在确定了哪些垃圾可以被回收后,垃圾收集器要做的事情就是开始进行垃圾回收,但是这里面涉及到一个问题是:如何高效地进行垃圾回收。由于Java虚拟机规…

Oracle10g安装中遇到的错误及解决办法

linux解决xhost: unable to open display实用技巧:在Linux下设置xhost方法步骤 第一步:用root登陆linux,启动vnc服务;第二步:根据vnc起来的端口,设置export DISPLAYlocalhost:1(1表示vnc在第一个…

Result Maps collection already contains value for

启动的时候报错,junit报错一样的 Result Maps collection already contains value for mybatis 查了一下应该是 ***mapper.java和 ***mapper.xml解析有问题了, 不能注入了。 按照***mapper.java 里的方法一个一个到***mapper.xml去查 id 结果发现有一个…

创建三维建筑可视化和虚拟现实的最快和最简单的方法

创建三维建筑可视化和虚拟现实的最快和最简单的方法 时长3小时12分 1280X720 Mkv 语言:英语中文字幕(根据原英文字幕机译更准确)原英文字幕 大小解压后:2.86G 共28小节课程 标题:Skillshare–TWINMOTION实时3d架构可…

刚过国家线计算机考研报哪个好,考研估分刚过了去年国家线,今年上岸还有希望吗?有!...

随着2020年考研成绩的陆续发布,考生们的神经也愈发紧张起来。有很多的同学其实在成绩发布之前,就已经通过网上的答案对自己整体的考试分数有了个大概的估计,于是很多同学乃至是学生家长就想问了,如果估分刚刚过了去年的国家线&…

2022-2028年中国数码摄像机市场投资分析及前景预测报告

【报告类型】产业研究 【报告价格】4500起 【出版时间】即时更新(交付时间约3个工作日) 【发布机构】智研瞻产业研究院 【报告格式】PDF版 本报告介绍了中国数码摄像机行业市场行业相关概述、中国数码摄像机行业市场行业运行环境、分析了中国数码摄…

Android中怎么使图片显示

android中经常到利用图片,利用图片时我们都是把图片放在drawable-xxx目录下,因为这里就是存储图片的地方,xxx不用理他,就是关于分辨率而已。 楼主在学习android的时候一直尝试把图片在程序中显示,但是一直不成功&#…

webElement.text()获取到内容为空

使用webElement.text()方法获取字符串时,有时候会获取失败--获取到的内容为空 使用 webElement.getAttribute("attributeName"),通过textContent, innerText, innerHTML等属性获取 public String getText(String string){WebDriverWait wait …

【blender教程】从头到尾全流程创建一辆吉普车

【blender教程】从头到尾全流程创建一辆吉普车 持续时间41小时 30分 包括项目文件 1280X720 MP4 语言:英语中文字幕(根据原英文字幕机译更准确)原英文字幕 大小解压后:34.7G 云桥网络 平台huo取 教程 blender:从头到尾打造吉普…

Hat’s Words(字典树)

Hat’s Words Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 11314 Accepted Submission(s): 4041 Problem DescriptionA hat’s word is a word in the dictionary that is the concatenation of exactly two…

遥感计算机分类的基本原理,遥感数字图像的计算机分类

《遥感数字图像的计算机分类》由会员分享,可在线阅读,更多相关《遥感数字图像的计算机分类(3页珍藏版)》请在人人文库网上搜索。1、遥感数字图像的计算机分类一、实验类型综合型二、实验目的与要求1、实验目的掌握非监督分类的过程和方法。2、实验要求(1…

Java垃圾回收之新生代垃圾收集器

分代收集算法 Stop-the-World(停止一切) JVM由于要执行GC而停止了应用程序的执行任何一种GC算法中都会发生多数GC优化通过减少Stop-the-world发生时间来提高程序性能 Safepoint (安全点) 分析过程中对象引用关系不会发生变化的…

用x86的模拟器内核记得安装intel的haxm

Android 模拟器一直以运行速度慢著称, 本文介绍使用 Intel HAXM 技术为 Android 模拟器加速, 使模拟器运行度媲美真机, 彻底解决模拟器运行慢的问题。 Intel HAXM (Hardware Accelerated Execution Manager) 使用基于 Intel(R) Virtualizatio…

我焦躁,并不只是心里承受,还是因为我上面担着。

由于工作任务紧、重,最近很焦躁,终于在今天爆发了。在这次爆发中,隐约的感到并不只是自己的“心理承压”能力的问题。 我爆发后,发现虽然任务如此紧张,但是组长只是“紧张”,工作还是“有条有序”的进行着。…

ue4商城资源 Car Configurator Template 汽车配置器模板

ue4商城资源 Car Configurator Template 汽车配置器模板 ue4商城资源 Car Configurator Template 汽车配置器模板 Unreal Engine虚幻游戏引擎素材资源 Unreal Engine Marketplace –Car Configurator Template 4.25 汽车配置器模板 素材大小解压后:0.99G 云桥网络…

Sublime Text 3 常用插件以及安装方法(转)

http://www.cnsecer.com/460.html 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助。麻烦动下手点下页面的广告吧,谢谢! 直接安装 安装Sublime text 2插件很方便…

现代计算机基本工作原理,现代计算机的基本工作原理是

现代计算机的基本工作原理是存储程序控制。“计算机”一般是指“电子计算机”,电子计算机(electronic computer)通称电脑,是现代一种用于高速计算的电子计算机器。可以进行数值计算、逻辑计算,具有存储记忆功能,能够按照程序运行&…

Java垃圾回收之老年代垃圾收集器

1、Serial Old 收集器(-XX: UseSerialOldGC, 标记-整理算法) 单线程收集,进行垃圾收集时,必须暂停所有工作线程简单高效,Client模式下默认的老年代收集器2、Parallel Od收集器(-XX: UseParallelOldGC ,标…

linux中awk下 gsub函数用法

gsub函数则使得在所有正则表达式被匹配的时候都发生替换gsub(regular expression, subsitution string, target string);简称 gsub(r,s,t)一、遇到的问题:问题:echo "a b c 2011-11-22 a:d" | awk $4gsub(/-/,"",$4)为啥…

Maya2022基础入门学习教程

Maya2022基础入门学习教程 Maya 2022 Essential Training Maya2022基础入门学习教程 Maya 2022 Essential Training MP4 |视频:h264,1280x720 |音频:AAC,44.1 KHz,2 Ch 技能水平:初级|流派:电子学习|语言:英语中文字幕(机译&…

简单几何(线段覆盖) POJ 3347 Kadj Squares

题目传送门 题意:告诉每个矩形的边长,它们是紧贴着的,问从上往下看,有几个还能看到。 分析:用网上猥琐的方法,将边长看成左端点到中心的距离,这样可以避免精度问题。然后先求出每个矩形的左右端…

服务器自动post,jquery ajax $.post自动变GET的解决方式(for CI)

环境:CI 3.x windows 2008 phpstudy jquery 1.7.2 apache以往一直用lnmp,这次用windowsapache,遇到了一些问题,记录下来。将本地的文件上传到服务器上以后,有一个将大段html提交到服务器处理的代码,是用…

2022-2028年中国数据中台行业深度调研及投资前景预测报告(全卷)

【报告类型】产业研究 【报告价格】4500起 【出版时间】即时更新(交付时间约3个工作日) 【发布机构】智研瞻产业研究院 【报告格式】PDF版 本报告介绍了中国数据中台行业市场行业相关概述、中国数据中台行业市场行业运行环境、分析了中国数据中台行…