时间：2023-05-31 12:03:01 | 来源：网站运营
时间：2023-05-31 12:03:01 来源：网站运营
用 Serverless 搭建个人静态相册网站：日常生活中我们经常会拍摄一些视频、照片等，这些文件会占用比较多的存储空间。本文将介绍一种方法：利用 ThumbsUp 工具，结合 Serverless Framework 的 component 快速搭建个人相册网站，为存储空间减压。
在线咨询
$ npm install -g serverless2. 安装 ThumbsUp$ npm install -g thumbsup3. 初始化项目$ mkdir photos$ thumbsup --input ./photos/ --output website初始化成功后，可以看到项目目录结构：.├── photos└── website └── index.htmlserverless.yml 文件touch serverless.yml将以下内容写入上述的 yml 文件里：# serverless.ymlmyWebsite: component: "@serverless/tencent-website" inputs: code: src: ./website index: index.html error: index.html region: ap-guangzhou bucketName: my-bucket-1111配置完成后，文件目录如下：.├── photos├── website| └── index.html└── serverless.ymlsls 命令进行部署，并可以添加 --debug 参数查看部署过程中的信息sls --debug DEBUG ─ Resolving the template's static variables. DEBUG ─ Collecting components from the template. DEBUG ─ Downloading any NPM components found in the template. DEBUG ─ Analyzing the template's components dependencies. DEBUG ─ Creating the template's components graph. DEBUG ─ Syncing template state. DEBUG ─ Executing the template's components graph. DEBUG ─ Starting Website Component. DEBUG ─ Preparing website Tencent COS bucket my-bucket-thumbsup-1256386184. DEBUG ─ Deploying "my-bucket-thumbsup-1256386184" bucket in the "ap-guangzhou" region. DEBUG ─ "my-bucket-thumbsup-1256386184" bucket was successfully deployed to the "ap-guangzhou" region. DEBUG ─ Setting ACL for "my-bucket-thumbsup-1256386184" bucket in the "ap-guangzhou" region. DEBUG ─ Ensuring no CORS are set for "my-bucket-thumbsup-1256386184" bucket in the "ap-guangzhou" region. DEBUG ─ Ensuring no Tags are set for "my-bucket-thumbsup-1256386184" bucket in the "ap-guangzhou" region. DEBUG ─ Configuring bucket my-bucket-thumbsup-1256386184 for website hosting. DEBUG ─ Uploading website files from D:/tencent-serverless/thumbsup/website to bucket my-bucket-thumbsup-1256386184. DEBUG ─ Starting upload to bucket my-bucket-thumbsup-1256386184 in region ap-guangzhou DEBUG ─ Uploading directory D:/tencent-serverless/thumbsup/website to bucket my-bucket-thumbsup-1256386184 DEBUG ─ Website deployed successfully to URL: http://my-bucket-thumbsup-1256386184.cos-website.ap-guangzhou.myqcloud.com. myWebsite: url: http://my-bucket-thumbsup-1256386184.cos-website.ap-guangzhou.myqcloud.com env: 13s » myWebsite » done访问命令行输出的 website url，即可查看即可查看使用 Serverless Framework 部署的照片墙网站。注：如果希望更新网站中的照片或者视频等文件，可以在 photos 文件夹更新照片后，在本地重新运行thumbsup --input ./photos/ --output website更新本地页面，再运行sls即可更新网站。
传送门：
关键词：静态,相册
