# 静态网站托管
CloudBase 静态网站托管可以为您的 Web 应用、静态资源提供快速、安全的托管服务。只需要一个命令,并可以快速地部署静态资源,并且使用 CDN(内容分发网络)加快资源的访问速度。
主要功能:
- HTTPS
- 自定义域名
- 快速分发
- 命令行部署
# 课程学习
训练营所给的学习指导:
# 阶段要求
创建一个简单的html页面,放到云开发的静态网站托管中,页面中包含如下信息
欢迎访问「你的名字」的网站
「一句积极向上的话」
你是访问的第1人,共1人访问
原型图如下所示,样式设计可以自由发挥。
# 安装插件
在VScode中安装插件Tencent CloudBase Toolkit
和Live Server
。
接下来按照提示进行登录即可。
# 插件使用
打开项目文件夹,在右键菜单中找到创建 cloudbaserc配置文件
,点击生成cloudbaserc.json
文件。整个插件基于此文件进行工作的。
另外右键菜单还有其他功能:
- 本地新建云函数
- 同步云函数列表
- 下载云函数代码
- 云函数增量更新文件
- 单独增加一个文件或一个文件夹
- 云函数删除云端文件
- 删除云端的云函数
- 部署云函数(云端安装依赖)
- 不上传node_modules文件夹
- 部署云函数(上传全部文件)
- 将云函数文件夹整个上传
- 调试云函数
- 上传到静态网站
- 会将所选文件及文件夹整个上传到你所指定的文件夹下。
- 上传到静态网站根目录
- 会将所选文件及文件夹作为根路径上传到静态网站托管。
由于安全机制,我们需要配置安全域名,方便进行本地开发:
# 作业思路
创建一个文件夹,用VScode打开,在CloudBase插件中初始化云开发项目。并在此文件夹下生成
cloudbaserc.json
文件。新建
index.html
文件,并编辑代码实现原型图所示效果,参考代码:See More
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>腾讯云开发</title> </head> <body> <div style="text-align: center;margin-top: 10%;"> <h1>欢迎来到lime2019的网站</h1> <p>You can create art and beauty on a computer.</p> <p>你是第1位访问者</p> <p>共有1位访问者</p> </div> </body> </html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16将编辑的代码上传到静态网站目录下。
访问静态网站托管