文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【玩转腾讯云】GitHub Actions + 腾讯云COS + SCF云函数刷新CDN 自动化部署静态网站

[封面] 前言 作为强迫症患者,一直对自动化部署非常痴迷,个人认为全自动部署最重要的就是稳定可靠,经过研究测试,最终使用GitHub和腾讯云两大平台,成功完成了全自动部署网站的实践....寻求方案 腾讯云COS对象存储服务能够提供静态网页服务,并可以配置CDN域名进行访问,那么就需要解决以下两个问题: 如何使GitHub自动同步文件到腾讯云COS 腾讯云COS对应的CDN如何自动刷新 解决方案...获取腾讯云API密钥 登录腾讯云控制面板 - 访问控制 - 访问密钥 - API密钥管理 新建密钥 [htavu2f1nc.jpeg] 此密钥拥有所有权限,为保证安全,也可以添加子用户,配置COS,CDN...对应的权限 配置腾讯云COS 登录腾讯云控制面板 - 对象存储 - 存储桶列表 创建存储桶 选择适合你的区域,设置权限为公有读私有写....[ogsz7aa1xo.jpeg] [8iebk45hvp.jpeg] --- 第二阶段 - 腾讯云 SCF云函数 [jaztk5637g.jpeg] 配置腾讯云CDN域名 登录腾讯云控制面板 - 对象存储

5.8K1412

腾讯云部署nginx静态项目

一直想要搭建自己的blog，买了基础云服务器练手 部署静态页面归纳为2点：①：项目相关的文件上传到云服务上；②：可以通过IP或者域名打开页面 一：首先需要一台腾讯云服务器,由于是blog，又是静态项目...，直接在腾讯云3折特惠活动上买了个便宜服务器，够用就行！...图1.jpg 二：安装winSCP/FileZilla，查看文件以及上传文件 我用的是winSCP，在腾讯官网下载安装就好了，输入云服务的密码，ip就可以登录---》可以在云服务登录上查看，密码忘记了也可以重置...服务由 Nginx 提供，Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。...，现在所有放在 /data/www 目录下的的静态资源都可以直接通过域名访问。

5.9K40
您找到你想要的搜索结果了吗？
是的
没有找到

使用腾讯云 CDN 与腾讯云 COS 服务托管静态网站

注：本文以国内的 COS 存储桶为例，请准备好一个已经备案了的域名，否则将无法自定义域名以及无法使用腾讯云 CDN 服务大部分个人主页，hexo和hugo等博客，以及静态化后的wordpress博客等都适用于此方法...创建腾讯云 COS 存储桶进入腾讯云对象存储控制台 https://console.cloud.tencent.com/cos ，点击存储桶列表，创建储存桶?...配置腾讯云 COS 存储桶点击基础配置 - 静态网站，将静态网站功能打开，一般来说默认即可，也可以按需配置图片我们复制上图中的访问节点进行访问，如果你存储桶选择的是公有读私有写，那么你已经能访问到你的网站内容了...添加腾讯云 CDN 服务（二选一）4.1 直接在存储桶中配置自定义 CDN 域名点击域名与传输管理 - 自定义 CDN 加速域名，添加域名图片输入域名，加速地域按需选择，源站类型选择静态网站源站，如果是私有读写存储桶的话开启回源鉴权...访问网站现在访问你的 CDN 域名，你就能访问到你的网站辣（下面这个是我自己用上面的方法搭建的静态网站）图片----腾云先锋（TDP，Tencent Cloud Developer Pioneer）是腾讯云

26.2K51

【serverless实战】腾讯云·云开发+nextjs(SSR or 静态导出)实现官网动态化

每当更新网站内容，都需要提交 git，并且本地进行静态导出，再借助腾讯云云开发的 cli 工具，部署到云开发控制台的「静态网站」服务。...因此，需要进行动态化。 系统设计 动态化获取数据 利用 nextjs 提供的 getInitialProps 钩子，从 cms 系统对应的云数据库中拉取动态内容。...的方式调用云函数，传入参数，获取云函数运行结果 在 getInitialProps 钩子中，使用 axios 调用远程云函数，获取最新数据 部分代码实现 在需要动态化内容的页面组件中，添加 getInitialProps...静态导出怎么保证实效性？ 理论上来说，SSR 是 SEO+获取最新数据的理论最优方案。...但是考虑到云函数搭配 ssr 存在冷热启动问题，而静态导出后的文件直接部署到云开发静态网站服务上，本质上是对象存储，访问速度更快，并且节省费用。

4K10

【玩转腾讯云】云开发部署VuePress静态博客

简单介绍一下： 云开发：开发者可以使用云开发（CloudBase）来直接开发网站应用，包括普通的 PC 网页或者公众号中的网页等（俗称 H5），在开发过程中即便需要后台服务也无需搭建服务器，可以直接使用云开发提供的云端能力...VuePress：VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue...# 构建静态文件 vuepress build ....部署 在部署之前你需要先注册腾讯云账号，到云开发控制台，创建环境、选择按量付费、网站托管、开启静态网站服务，如果用过小程序云开发，可以使用小程序账号快速登入。...dist -e envId 4.查看静态网站域名和状态 cloudbase hosting:detail -e envId 5.在浏览器打开静态网站域名，就可以看到 云开发部署的 VuePress 网站了

2.3K118

腾讯云静态网站托管之搭建 VuePress

之前发布的文章：腾讯云免费静态网站托管，还有9.9元/年服务赞助计划！...申请地址：https://url.cn/59FNl75 操作场景 本文档介绍通过腾讯云静态网站托管服务搭建一个 VuePress 网站，并使用云开发 CLI 工具管理部署 VuePress 网站。...打开腾讯云控制台，在产品中找到云开发 开通云开发环境 打开腾讯云 云开发控制台，单击【新建环境】，新建一个环境进行部署。 ? 选择新建一个环境，填写环境名称并选择按量计费，开通环境。...步骤4：使用 CLI 部署 VuePress 初始化云开发 CLI 完成了云开发环境的配置后，我们需要初始化一下云开发 CLI ，从而实现借助 CLI 工具来上传页面（您也可以通过网页端直接上传，但如果您博客的文章比较多...步骤5：浏览 VuePress 打开腾讯云 云开发控制台，单击左侧菜单栏中的【静态网站托管】>【设置】，进入设置页面，可以找到默认的域名，单击域名，就可以看到您刚部署的 VuePress。 ?

5.8K30

腾讯云静态网站托管之部署 Hugo

之前发布的文章：腾讯云免费静态网站托管，还有9.9元/年服务赞助计划！...云开发（CloudBase）是一款云端一体化的产品方案，采用 serverless 架构，免环境搭建等运维事务，支持一云多端，助力快速构建小程序、Web应用、移动应用。...云开发静态网站托管支持通过云开发SDK调用服务端资源如：云函数、云存储、云数据库等，从而将静态网站扩展为全栈网站 无论是腾讯云·云开发用户，还是小程序·云开发用户，只要开通按量付费，即可享有云开发静态网站托管服务...打开腾讯云 云开发控制台，单击【新建环境】，填写环境名称并选择按量计费，开通环境。...打开腾讯云 云开发控制台，单击左侧菜单栏中的【静态网站托管】>【设置】，进入设置页面，可以找到默认的域名，单击域名，就可以看到您刚部署的 Hexo。 ?

14.4K30

【云+社区年度征文】通过腾讯云*云开发搭建静态网站

笔者将自己的网站从阿里云迁到腾讯云时，发现腾讯云现有的教程与实际情况有些差异，所以特地记录一份完整的迁移笔记。...云开发（CloudBase）是一款云端一体化的产品方案 ，采用 serverless 架构，免环境搭建等运维事务 ，支持一云多端，助力快速构建小程序、Web应用、移动应用。...无论是腾讯云·云开发用户，还是小程序·云开发用户，只要开通按量付费，即可享有云开发静态网站托管服务。...编译静态页面文件 hugo -D 生成好的静态页面文件会放在项目的public目录中，目录结构如下： [image.png] 静态托管部署 创建云环境 我们进入腾讯云的云开发(cloudbase)控制台...] 总结 本文通过详细的步骤分享了如何通过腾讯云托管静态网站的操作指南。

3.3K40

腾讯云静态网站托管之搭建 Hexo

之前发布的文章：腾讯云免费静态网站托管，还有9.9元/年服务赞助计划！...申请地址：https://url.cn/59FNl75 操作场景 本文档介绍通过腾讯云静态网站托管服务搭建一个 Hexo 网站，并使用云开发 CLI 工具管理部署 Hexo 网站。...开通云开发环境 打开腾讯云 云开发控制台，单击【新建环境】，新建一个环境进行部署。 ? 选择新建一个环境，填写环境名称并选择按量计费，开通环境。 ?...步骤4：使用 CLI 部署 Hexo 初始化云开发 CLI 完成了云开发环境的配置后，我们需要初始化一下云开发 CLI ，从而实现借助 CLI 工具来上传页面（您也可以通过网页端直接上传，但如果您博客的文章比较多...步骤5：浏览 Hexo 打开腾讯云 云开发控制台，单击左侧菜单栏中的【静态网站托管】>【设置】，进入设置页面，可以找到默认的域名，单击域名，就可以看到您刚部署的 Hexo。 ?

6K60

静态网站在腾讯云上的托管

接下来，将以一个 WordPress 个人博客网站的搭建为例，来说明如何在静态网站中搭配使用 CVM+COS+CDN ，实现业务的快速迁移上云。...云主机账号为root，密码为自己购买云主机时设定的密码。 登录成功后，可以键入一系列命令来安装启动Nginx，PHP等相关组件，初始化服务器环境。...2.采用 COS 存储增量数据 腾讯云对象存储（COS）是一个容量无限大的，安全可靠的，按量收费的云端存储系统，可存储视频、音频、图片、文件等任意非结构化数据。...如果想在自己的WordPress网站中使用COS存储静态资源，只需完成注册、实名认证，并进行简单的控制台配置，然后在WordPress的控制台集成腾讯云COS插件，正确配置参数，即可实现静态资源的增量上云...腾讯云内容分发网络CDN，相当于网络中的高速公路，可以对各类静态数据进行缓存，从而加速内容分发，减少下行流量消耗。

12.2K40

GitHub Actions+腾讯云COS+SCF云函数刷新CDN自动化部署静态网站

作为强迫症患者，一直对自动化部署非常痴迷，个人认为全自动部署最重要的就是稳定可靠，经过研究测试，最终使用GitHub和腾讯云两大平台，成功完成了全自动部署网站的实践。...2 解决方案 腾讯云COS对象存储服务能够提供静态网站服务，并可以配置CDN域名进行访问，那么就需要解决以下两个问题： 如何使GitHub自动同步文件到腾讯云COS； 腾讯云COS对应的CDN又是如何自动刷新...3 获取腾讯云API密钥 登录腾讯云控制面板，访问管理中的访问密钥→API密钥管理→新建密钥，此密钥拥有所有权限，为保证安全，也可以添加子用户，配置COS、CDN对应的权限，如下图示 ?...4 配置腾讯云COS 登录腾讯云对象存储控制面板，在存储桶列表中创建存储桶，选择适合的地域，设置权限为公有读私有写并获取存储桶相关信息，如下图示 ? ? ‍...7 配置CDN域名 配置腾讯云CDN域名，登录腾讯云对象存储控制面板，进入创建的存储桶，在基础配置中开启静态网站。 ?

2.2K30

GitHub Actions + 腾讯云COS + SCF云函数 + 自动刷新CDN 完美自动化部署静态网站

前言 作为强迫症患者,一直对自动化部署非常痴迷,个人认为全自动部署最重要的就是稳定可靠,经过研究测试,最终使用GitHub和腾讯云两大平台,成功完成了全自动部署网站的实践....寻求方案 腾讯云COS对象存储服务能够提供静态网页服务,并可以配置CDN域名进行访问,那么就需要解决以下两个问题: 如何使GitHub自动同步文件到腾讯云COS 腾讯云COS对应的CDN如何自动刷新 解决方案...配置腾讯云COS 登录腾讯云控制面板 - 对象存储 - 存储桶列表 创建存储桶 选择适合你的区域,设置权限为公有读私有写....image.png 配置腾讯云CDN域名 登录腾讯云控制面板 - 对象存储 进入创建的存储桶 - 基础配置 - 开启静态网站 image.png 域名管理 添加自定义加速域名,并设置域名指向生成的...登录腾讯云控制面板 - 云函数 首次使用云函数可能会跳出服务授权框,需要前往访问添加并同意授权即可.该角色对本次添加的云函数没有影响.

1.3K20

教你利用腾讯云cdn加速网站静态资源

今天在给 onepoint 更换 js 库的 cdn 时突然想起来，腾讯云每个月还送我 10g 的 cdn 流量包。博客里面有时候会包含很多图片，正好可以把这闲置的资源用上了。...静态资源加速是把静态资源放到一个单独的网站里面，然后主站使用该资源站的资源，二者相互分离，互不影响。 我个人只是想要加速访问这些图片时的速度，所以我选择了更具灵活性的静态资源加速。...由于搭建的是静态站，所以也就不需要执行 php 了。 设置伪静态 搭建好网站后，我们就可以设置伪静态了。...为什么要设置伪静态呢？ 通常伪静态只在动态网站中出现，但是我甚至不想让用户通过静态站访问我的 php 文件，即使是静态 php 文本文件也不行。所以就配置了伪静态。...首先需要在腾讯控制台开通 cdn 服务。新用户可连续 6 个月领取每月 50GB 的免费流量包，老用户每月免费 10GB 流量包。

39.8K96

腾讯云：公有云如何「专有化」

对于企业来说，要做业务的数字化转型，必然会对企业的 IT 基础设施提出更高的要求，传统的 Vmware、OpenStack 架构对资源的虚拟化、云化方式很难满足企业数字化转型的要求。...2014 年 12 月，看到了专有云在产业应用端的发展潜力，腾讯云在金融行业部门孵化了最初的腾讯专有云（TCE）解决方案。...腾讯的专有云脱胎于公有云平台，以公有云能力为基础，对外部的客户做独立私有化的部署，其定位则是把腾讯的公有云能力私有化输出，提供一个面向企业级市场的 IaaS+PaaS 一站式平台，帮助企业做业务数字化转型...腾讯云专有云中心总经理沙开波介绍说，微众银行的业务完全部署在腾讯云的专有云机房中，按需使用，按量付费，避免了传统银行开业时需要投入的巨量资金用于建设数据中心。...刘颖认为，「云」的关键在于构建池化效应，公有云是要把用户的资源集中管理，通过共享实现更加经济、低碳的数字化模式。

7.3K30

【玩转腾讯云】Next如何部署到云开发静态网站托管？

如果你的应用可以作为静态HTML，那么可以试试Next.js。 它可以把一个应用程序作为静态页面导出，那么导出的静态页面怎么部署到静态托管呢？我们以云开发静态托管服务为例。 什么是云开发？...[image.png] 开通云环境 我们打开云开发并创建一个新的环境 [image.png] 这里要注意选择是按量计费的模式(只有按量计费才能开通静态网站托管)。...[image.png] 创建成功后会自动对环境进行初始化(此过程大概2~3分钟)。...[image.png] 初始化成功后我们进到对应的环境中找到静态网站托管并开始使用 [image.png] 等待静态网站服务初始化后就可以使用啦~ 部署上传 首先在项目根目录下执行云开发登录命令 tcb...[image.png] [image.png] 总结 我们总结一下步骤，大体上只有三步 创建Next项目并生成静态文件 开通云环境与静态网站托管服务 使用云开发工具cloudbase/cli命令进行部署上传

4.7K52

使用腾讯云对象存储COS部署静态网站

本文由腾讯云+社区自动同步，原文地址 https://stackoverflow.club/article/cos-cdn-static-website/ 困境 之前一直在使用coding.me的pages...之前有看到COS可以部署静态网站，不妨试一试。 部署 创建存储桶 [12w1d9sxc4.png] 点击那个按钮就可以了。...[vkvc9f5mv5.png] 开启静态网站 在基础配置中可以找到该选项，直接拉到最后。索引文档是打开域名后访问到的主页，错误文档要看自己网站的404页面是如何设置的。...[fa8w1ra19v.png] 好了，部署就是这么简单，现在可以访问静态网站设置中的访问节点了。 CDN加持 独立博客当然要使用自己的域名，腾讯的默认域名实在是太长了。...官方提供了两种方案，一种是使用自己的云服务器，使用proxy功能将独立域名的流量转发到COS；另一种是使用COS的CDN功能，绑定自定义域名。 在域名管理项可以选择配置自定义域名。

5.2K21

腾讯云公网三网静态最佳实践方案

背景 公网三网（电信,联通,移动）静态资源强依赖于运营商架构冗余，腾讯云无法支持等同于BGP的跨可用区调度操作，因此三网故障时无法快速通过调度实现业务恢复，需要通过业务层的冗余部署和涉及实现故障期间的跨可用区或同可用区跨运营商的切换...BGP IP地址为腾讯云自有，通过运营商BGP链路对外宣告和传递。...image (7).png 3.三网静态冗余部署方案 三网静态在资源层强依赖于运营商，因此发生运营商故障时，故障恢复时间和业务可用性受限于运营商故障恢复时间，因此造成业务恢复时间不可控等影响...选择云服务器，找到您需要解绑EIP的CVM,点击：更多->IP/网卡->解绑EIP->确定。...3.2 基于CLB产品部署冗余方案 CLB三网静态产品可支持两三种纬度的容灾方案 全局负载部署：结合云解析将域名解析到多个运营商，多个地域资源的VIP，配合dnspod D监控，探测该域名下所有VIP，

4.8K100

【玩转腾讯云】 Nuxt.js部署到云开发静态托管

\color{#4285f4}{ 云开发（Tencent CloudBase，TCB）}是云端一体化的后端云服务 ，采用 serverless 架构，免去了移动应用构建中繁琐的服务器搭建和运维。...该文件夹下的文件就是生成的静态文件 [image.png] 到此Nuxt部分就已经搞定了，现在要做的就是怎样将这个静态网站托管到云开发？...首先我们打开 云开发 [tcb.png] 选择或创建自己的云开发环境 [image.png] 这里要注意选择是按量计费的模式(只有按量计费才能开通静态网站托管)。...[image.png] 创建成功后会自动对环境进行初始化(此过程大概2~3分钟)。...[image.png] 初始化成功后我们进到对应的环境中找到静态网站托管并开始使用 [image.png] 等待静态网站服务初始化后就可以使用啦~ 接下来我们就可以将nuxt的静态网站上传到云开发静态网站托管了

7.7K267

腾讯云TKE持久化存储

腾讯云TKE持久化存储 对于Kuberentes中，一些服务需要持久化的内容，我们一般都会使用一个共享的文件系统，类似与目前各个云厂商提供的对象存储服务，或文件系统服务，自建的话也有NFS、Ceph选择...； 这里就简单的说一下我自身采用过的方式： 持久化存储使用的云厂商的对象存储； 使用Kubernetes中的PV与对象存储进行关联； 而后PV与PVC关联； 从而每个服务，使用Volume挂载该PVC，...随着Kubernetes不断的功能完善，国内云厂商也在不断的适配，腾讯云TKE目前支持StorageClass，这样一种动态的添加持久化存储。...示例：这里我就采用腾讯云TKE进行快速的持久化存储创建 1、首先创建StorageClass； sc.png 新建 sc-2.png 生成的yaml文件如下： apiVersion: storage.k8s.io...总结： 通过使用腾讯云TKE的存储服务，可以快速的创建的PVC，PV会根据PVC的需求对应创建，并自动增加云硬盘。

5.3K20
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券