操作场景
弹性微服务通过 应用实例+CFS 的方式提供静态网站资源托管的能力,本文以业界流行的静态网站服务 Hugo 为例,为您提供静态资源托管的实践教程。下述将通过 Hugo 生成个人静态博客,然后通过弹性微服务部署反向代理应用,配合 CFS 管理静态资源,最后通过弹性微服务提供的访问配置,在公网上提供对个人静态博客的访问。
整体流程如下:
1. 本地通过 Hugo 生成静态博客
2. 上传静态博客内容到 CFS
5. (可选) 配置域名
6. (可选) 配置防火墙
7. (可选) 配置 CDN
操作步骤
步骤1:本地通过 Hugo 生成静态博客
1. 安装 Hugo(参考 Install Hugo)。
以 MacOS 系统为例,通过如下命令安装:
brew install hugo
2. 执行如下命令创建静态站点。
hugo new site quickstart
3. 执行如下命令添加主题。
cd quickstartgit initgit submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/anankeecho theme = \\"ananke\\" >> config.toml
4. 执行如下命令添加博客。
hugo new posts/my-first-post.md
5. 执行如下命令构建静态页面。
hugo -D
6. 生成的静态内容存放在 quickstart 项目的 ![](https://qcloudimg.tencent-cloud.cn/image/document/0141bdd77421ea6d3809fd3a1320a291.png)
public/
目录下。
![](https://qcloudimg.tencent-cloud.cn/image/document/0141bdd77421ea6d3809fd3a1320a291.png)
步骤2:上传静态博客内容到 CFS
1. 参考 CFS:创建文件系统及挂载点 购买 CFS 文件系统。
注意
购买的 CFS 文件系统的区域、VPC 网络 应与在弹性微服务上部署应用的区域保持一致。
2. 参考 CFS:在 Linux 客户端上使用 CFS 文件系统 或 CFS:在 Windows 客户端上使用 CFS 文件系统 将 hugo 生成的
public/
目录中的文件上传到 CFS 文件系统根目录或子目录中。步骤3:在弹性微服务上部署 nginx 应用并关联 CFS
1. 登录 弹性微服务控制台,在应用部署所在的环境中关联上述购买的 CFS 实例。
![](https://qcloudimg.tencent-cloud.cn/image/document/4625c425f6fed2bea5ae99777f7e392e.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/4625c425f6fed2bea5ae99777f7e392e.png)
2. 在 应用管理 页面创建一个名为 hugo 的应用。
![](https://qcloudimg.tencent-cloud.cn/image/document/bde124208687b0896ad7dd91764d4f30.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/bde124208687b0896ad7dd91764d4f30.png)
3. 部署应用,在持久化存储模块选择已关联的 CFS 存储资源。
![](https://qcloudimg.tencent-cloud.cn/image/document/c5d59699f76f9fa9cb3665b0d01dd2ab.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c5d59699f76f9fa9cb3665b0d01dd2ab.png)
步骤4:在弹性微服务上配置 nginx 的网络访问
1. 在 应用管理 页面,单击刚刚创建的应用的“ID”,进入应用基本信息页面。
2. 在应用基本信息页面,在访问配置模块单击前往配置,进入环境访问配置页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/b9660af2e7dd95f04ef12674a53cb29f.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/b9660af2e7dd95f04ef12674a53cb29f.png)
3. 在环境访问配置页面,单击新建,创建一条访问配置规则。
![](https://qcloudimg.tencent-cloud.cn/image/document/619f11b29d99563fe9cc7278e200933b.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/619f11b29d99563fe9cc7278e200933b.png)
4. 单击完成,可获取如下 IP 地址。
![](https://qcloudimg.tencent-cloud.cn/image/document/9095ca9296abc03d723ad82c63eff639.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/9095ca9296abc03d723ad82c63eff639.png)
通过生成的地址对 hugo 服务进行访问:
![](https://qcloudimg.tencent-cloud.cn/image/document/c1ba980fb725ac7b7aa7657e092426e8.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c1ba980fb725ac7b7aa7657e092426e8.png)
1. 在 应用管理 页面,单击刚刚创建的应用的“ID”,进入应用基本信息页面。
2. 在应用基本信息页面,在访问配置模块单击右上角的编辑并更新,添加公网 CLB。
![](https://qcloudimg.tencent-cloud.cn/image/document/d1a2278d2d56cba8e95e3cc3590cc6f4.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d1a2278d2d56cba8e95e3cc3590cc6f4.png)
3. 选择公网访问方式,填写端口映射关系。
![](https://qcloudimg.tencent-cloud.cn/image/document/d30320007312195d521ce5cf22d34970.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d30320007312195d521ce5cf22d34970.png)
4. 单击提交后,可获取如下公网访问IP。
![](https://qcloudimg.tencent-cloud.cn/image/document/99c9577e217d8e10c49aafe32c3ef6cc.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/99c9577e217d8e10c49aafe32c3ef6cc.png)
通过生成的地址对 hugo 服务进行访问:
![](https://qcloudimg.tencent-cloud.cn/image/document/0b7a3d420d9f04b44f75b181afee221d.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/0b7a3d420d9f04b44f75b181afee221d.png)
步骤5:(可选) 配置域名
1. 参考 域名注册 注册域名。
2. 将域名与上述生成的 CLB 实例进行关联,关联后即可通过域名访问静态网站,参考 配置 DNS 解析 DNSPod 将域名指向 CLB。