用 Serverless 快速搭建个人相册网站
本文首发于 Serverless 中文网,如需转载,请保留原作者和出处。
日常生活中我们经常会拍摄一些视频、照片等,这些文件会占用比较多的存储空间。本文将介绍一种方法:利用 ThumbsUp 工具,结合 Serverless Framework 的 component 快速搭建个人相册网站,为存储空间减压。
工具介绍:
Serverless Framework:Serverless Framework 是业界非常受欢迎的无服务器应用框架,开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。
ThumbsUp 是一款让使用者方便检索及管理图片的看图软件,不但具有可以快速的操作图片切换预览的使用介面,而且对于图片的简单影像处理也有相当直接、便捷的操作方式。
整个网站的搭建部署只需三步:安装与初始化 → 配置 yml 文件 → 部署。
安装与初始化
首先确保系统包含以下环境:
- Node.js (Node.js 版本需不低于 8.6,建议使用 Node.js 10.0 及以上版本)
- Exiftool
- 图形 Magick
如未安装上述应用程序,可以参考安装说明。
1. 安装 Serverless Framework
$ npm install -g serverless
2. 安装 ThumbsUp
$ npm install -g thumbsup
3. 初始化项目
$ md photos
$ thumbsup --input .\photos\ --output website
初始化成功后,可以看到项目目录结构:
.
├── photos
└── website└── index.html
配置 yml 文件
项目目录下,创建 serverless.yml
文件
cd.> serverless.yml
将以下内容写入上述的 yml 文件里:
# serverless.ymlmyWebsite:component: "@serverless/tencent-website"inputs:code:src: ./websiteindex: index.htmlerror: index.htmlregion: ap-guangzhoubucketName: my-bucket-1111
配置完成后,文件目录如下:
.
├── photos
├── website
| └── index.html
└── serverless.yml
部署
通过 sls
命令进行部署,并可以添加 --debug
参数查看部署过程中的信息
如您的账号未登陆或注册腾讯云,您可以直接通过微信扫描命令行中的二维码进行授权登陆和注册。
sls --debugDEBUG ─ 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-guangzhouDEBUG ─ Uploading directory D:\tencent-serverless\thumbsup\website to bucket my-bucket-thumbsup-1256386184DEBUG ─ 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.comenv:13s » myWebsite » done
访问命令行输出的 website url,即可查看即可查看使用 Serverless Framework 部署的照片墙网站。
注:如果希望更新网站中的照片或者视频等文件,可以在 photos 文件夹更新照片后,在本地重新运行
thumbsup --input .\photos\ --output website
更新本地页面,再运行sls
即可更新网站。
小结
本文使用了非常流行的无服务器框架 Serverless Framework 来搭建照片墙网站,更多产品信息可以点击进入 官网 学习。
参考:
- Serverless Framework - 产品官网
- Serverless Framework - GitHub
大家也可以访问:Serverless 中文技术社区,在 最佳实践 栏目里查看更多关于 Serverless 应用的开发!
用 Serverless 快速搭建个人相册网站相关推荐
- 【云中沙箱】如何快速使用阿里云快速搭建论坛网站?
如何快速使用阿里云快速搭建论坛网站? 云中沙箱实验"使用阿里云快速搭建论坛网站",教您如何快速使用阿里云快速搭建论坛网站? 云中沙箱,阿里云官方实验平台.网址:http://lab ...
- windows和Linux利用Python快速搭建一个网站
windows和Linux利用Python快速搭建一个网站 一.windows 步骤1:安装Python3(自行百度) 步骤2:在cmd窗口输入ipconfig查看本机ip地址,IPV4那一行.如:1 ...
- 苹果cms mysql 什么版本_分享如何使用阿里云ECS快速搭建CMS网站
想建网站又不会编程的小伙伴有福啦,本期推荐一些开源的cms建站程序,不需要写后端的任何逻辑代码,轻轻松松就可以建立自己的网站了,当然,要想网站有自己的个性,模版还是需要自己写的,只需要会简单的html ...
- 阿里云快速搭建个人网站
阿里云服务器快速搭建个人网站 在服务器购买的前提下进行这一步. 我们需要下载服务器搭建的软件: 这里附上百度云的下载地址: 链接:点击下载 提取码:9qcr 现在打开putty和WinSCP,putt ...
- 快速搭建静态网站生成器
快速搭建静态网站生成器 下面有许多静态页面生成器,大家可以根据需求学以致用. 快速搭建静态网站:https://www.staticgen.com/
- 六步快速搭建个人网站
目录 第一步.选择搭建平台WordPress 第二步.选域名 1)域名在哪买? 2)域名怎么选? 3)以阿里云为例,讲解怎么买域名 第三步.选择服务器 第四步.申请主机.安装WordPress 第五步 ...
- 体验云上快速搭建WordPress网站小记
1月12日下午到北京阿里总部体验云上快速搭建WordPress网站,一次完美的体验,小记于此. 美好的一天,以一碗超赞的小面开始,饕餮之余,就是跟随张会长义无反顾的穿越京城.抵达望京阿里中心, 已然下 ...
- Github Pages 快速搭建个人网站教程
hello,大家好,我是wangzirui32,今天我们来学习如何使用Github Pages快速搭建个人网站,开始学习吧! 1. 创建存储库 这里有一点必须注意,存储库名称必须为用户名.github ...
- 不懂建站技术如何快速搭建一个网站
不懂建站技术如何快速搭建一个网站 虽说时代已经发展到手机上网时代了,而且是各种短视频和直播的网络时代,但对于一部分热爱网络的新潮来说"网站"依然是他们的兴趣所在. 而对于这些人来说 ...
最新文章
- 8.2 高斯分布模型-机器学习笔记-斯坦福吴恩达教授
- 鸟哥的Linux私房菜(基础篇)-第二章、 Linux 如何学习(二.4. 鸟哥的建议(重点在solution的学习))
- airflow sql_alchemy_conn mysql_airflow使用mysql数据库,LocalExecutor并发调度
- 世界时钟 软件_Clocker for Mac(世界时钟软件)
- 通过 getResources 找不到jar包中的资源和目录的解决方法
- linux系统装psp,Linux上的PSP模拟器PPSSPP 1.7 发布了
- python画图颜色代码_Python-使用matplotlib创建自己的颜色图并绘制颜色比例
- 构建自定义的同步工具
- [AngularJS] 插件ui-grid使用说明
- 如何把 Mac 中的文件拷贝到NTFS硬盘?
- 硬件工程师的真实前途我说出来可能你们不信
- vue 图片剪裁插件
- 悲催:一个80后程序员的爱情故事【视频】-但愿我不是那个陈旭阳!55...
- hdu 5296 Annoying problem (LCA)
- c++ 发邮件(含附件)
- excel 作图-- 主次纵坐标轴 横坐标名称太长
- kali linux2021 安装pip
- :aria-checked_动手使用ARIA:首页元素和标准导航
- 谐振电路及品质因数(二)
- c语言课程设计人事管理,C语言课程设计-人事管理系统(65页).doc
热门文章
- Rustdesk安装教程
- 数字源表如何测试半导体分立器件电性能?
- 中国石油大学《化工过程设备设计》第一阶段在线作业
- 毕设系列之 --- 算法教学 : 决策树算法
- mouseenter 延迟_前向渲染与延迟渲染
- 机器自动翻译古文拼音 - 十大宋词 - ALL
- 阿里曾洽谈收购才云科技事宜:被字节跳动截胡,收入囊中
- Trucksim软件安装及找不到license问题的解决办法
- 细说PHP笔记03(第7章)--数组与数据结构,数组定义,数组遍历,数组内部指针遍历,键值操作函数,统计数组函数,回调函数处理数组元素,数组排序,拆分、合并、分解、结合数组,数组实现堆栈,随机选取元素
- 物联网将如何在智慧城市交通管理中发挥重要作用