云开发为开发者提供了托管静态网页的能力。 我们可以放入静态资源（HTML、CSS、JavaScript、字体等）域名（建议绑定注册域名）来快速完成Web应用的部署。 静态网页托管支持HTTP和HTTPS访问。 云开发托管的静态网页均缓存在CDN服务器中。 我们还可以使用CloudbaseCli工具将文件部署到静态托管。
静态网页托管服务只能在按小时付费的云开发环境中启用，不能在预付费（即包年）环境中启用。 对于小程序云开发创建的环境按时付费，我们可以到陌陌开发者工具的云开发控制台设置中启用。 准时付款开通后，您将无法再切换回预付款，但更建议您选择准时付款。 。
按时付费不仅拥有与预付费相同的免费额度，还具有以下四大优势：
2.开启静态网站托管
当我们将小程序的云开发环境切换为按小时付费后，我们可以登录腾讯云网页的云开发控制台，点击对应的环境名称，激活静态网站托管服务。 激活后，您可以看到文件管理和设置两个选项卡。 当启用静态网站托管服务时，将提供一个默认的静态网站域名：
https://你的环境id.tcloudbaseapp.com
该域名支持HTTP和HTTPS访问，但静态托管有默认限速：10K，可用于少数人访问的管理后台。 如果需要用于开放网站，建议绑定已经注册的域名。 当您不再需要静态主机服务时，最好退出静态网站。 否则，静态网站将继续产生存储成本。 我们可以在Web控制台的统计分析页面查看静态网站服务流量和存储资源消耗情况。
3.控制台管理静态托管
云开发静态托管服务既可以使用控制台进行文件管理，也可以使用CLI工具进行文件管理。 静态网站可以直接在网页云开发控制台进行管理。 例如，在文件管理选项卡中，您可以上传和删除文件、创建文件夹、批量上传文件夹。
比如我们上传一张tcb.png这样的图片，
在设置中可以管理静态网站的域名和索引文档。 索引文档也是静态网站的主页。 是用户向网站根目录或任意子目录发送请求时返回的网页。 通常，该页面被命名为index.html。 错误文档是指访问静态网站时出现错误后返回的页面。
添加域名后，系统会为您手动分配一个后缀为.cdn.dnsv1.com的CNAME域名。 CNAME域名无法直接访问。 需要在域名服务商处完成CNAME配置。 配置生效后，托管服务即可对自定义域名生效。
2.管理静态网站的CLI工具
当启用静态托管服务并登录CloudbaseCLI工具后，我们就可以使用CloudbaseCLI工具来管理静态网站上的文件了。
1.查看静态网站信息
我们可以在终端输入以下命令来显示静态网站的状态、访问域名等信息，其中xly-xrlur要替换为你的云开发环境的id
cloudbase hosting:detail -e xly-xrlur
要查看静态网站存储空间中有哪些文件，例如我们要查看环境ID为xly-xrlur的文件列表信息：
cloudbase hosting:list -e xly-xrlur
2.上传文件/文件夹到指定目录
我们可以使用以下命令将本地笔记本（项目根目录下的文件或文件夹）上传到静态网站存储空间中的指定路径。 如果不指定cloudPath，则项目根目录下的所有文件都会上传到存储空间根目录下。
cloudbase hosting:deploy localPath cloudPath -e envId
例如我们要将项目根目录下的download文件夹的内容上传到静态网站存储空间的public文件夹中：
cloudbase hosting:deploy ./download public -e xly-xrlur
或者将static目录下的index.js文件部署到static/index.js
cloudbase hosting:deploy ./static/index.js static/index.js -e xly-xrlur
3.删除文件
我们可以使用下面的命令来删除静态网站存储空间中的文件或文件夹，只要掌握网络存储空间路径的写法，就很容易掌握了：
cloudbase hosting:delete cloudPath -e envId
3.静态博客生成器
使用静态博客生成器是构建博客的流行方法。 博客静态网页生成后，还可以部署到云开发的静态网站托管上。 静态博客生成器有很多，比如Gatsby、Jekyll、Hugo、Hexo、VuePress等，这里以Hexo为例。 Hexo是一个快速、简洁、高效的博客框架，可以使用Markdown（或其他渲染引擎）来解析文章，并且还有丰富的博客主题可供选择。
1.Hexo静态博客的安装和生成
首先我们在终端输入以下命令来执行hexo的全局安装，
#全局安装hexo
npm install hexo-cli -g
#检测hexo是否安装成功以及常用命令
hexo --version
hexo --help
安装完成后，在终端中使用cd命令进入静态网站托管项目所在根目录（这个操作上面已经解释过），然后生成博客
#生成博客项目，这里的tcbblog为博客名称，你可以任意修改
hexo init tcbblog
#命令行工具进入博客项目
cd tcbblog
#安装博客项目的依赖
npm install
执行上述命令后，hexo博客就搭建完成了。 怎样才能看到疗效呢？ 执行以下命令后，在本地笔记本的浏览器中输入：4000，即可查看此静态博客的疗效：
hexo server
#如果你想中断服务可以连续按两次Ctrl+C
我们还可以更改博客的主题。 例如，Fluid 是基于 Hexo 的 Material Design 风格主题。 详细信息请参阅文档。
如何在Hexo生成的博客中添加文章内容或者如何进行一些自定义配置，这些都可以在Hexo的官方技术文档中找到。
2.将静态博客部署到静态存储
将静态博客部署到静态存储，需要在终端执行以下命令生成静态网站文件（其他静态博客生成器也是如此，这是静态网站托管的核心），网站文件将会在public文件夹里面生成：
#在终端执行这个命令需要注意cd进入tcbblog也就是博客项目的根目录才行
hexo generate
接下来我们要做的就是将public文件夹中的网站文件上传到静态网站存储的根目录或二级子目录中。
这里需要注意的是，在终端执行hexo命令需要到博客项目的根目录，即tcbblog，而执行cloudbase命令需要到云端的根目录开发项目。 我们可以使用 cd.. 回退到上一级目录
结合前面的知识，我们不难得出结论，我们可以让终端进入云开发项目的根目录，执行以下命令，即将tcbblog文件夹的二级目录public下的所有文件上传到静态存储的博客文件夹：
cloudbase hosting:deploy ./tcbblog/public blog -e xly-xrlur
然后我们就可以使用您的域名或者静态存储域名/博客来打开您的静态博客。
虽然静态网站托管和云开发本身并没有直接的联系，但是我们也可以在其他静态网站托管如GithubPages以及用PHP、Java、Python等开发的网页中使用云开发小程序公众号网站开发托管，而不是依赖静态网站托管服务，基本上只要是网页小程序公众号网站开发托管，都可以使用网页端云开发的SDK。 静态托管服务只是云开发为了实现无服务器而提供的服务。 在静态托管网页中使用Web端SDK也可以使静态网页动态化，并具有操作云存储、云数据库等的能力。
发表评论