一直想要搭建自己的blog,买了基础云服务器练手 部署静态页面归纳为2点:①:项目相关的文件上传到云服务上;②:可以通过IP或者域名打开页面 一:首先需要一台腾讯云服务器,由于是blog,又是静态项目...,直接在腾讯云3折特惠活动上买了个便宜服务器,够用就行!...图1.jpg 二:安装winSCP/FileZilla,查看文件以及上传文件 我用的是winSCP,在腾讯官网下载安装就好了,输入云服务的密码,ip就可以登录---》可以在云服务登录上查看,密码忘记了也可以重置...服务由 Nginx 提供,Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。...,现在所有放在 /data/www 目录下的的静态资源都可以直接通过域名访问。
之前发布的文章:腾讯云免费静态网站托管,还有9.9元/年服务赞助计划!...云开发静态网站托管支持通过云开发SDK调用服务端资源如:云函数、云存储、云数据库等,从而将静态网站扩展为全栈网站 无论是腾讯云·云开发用户,还是小程序·云开发用户,只要开通按量付费,即可享有云开发静态网站托管服务...打开腾讯云 云开发控制台,单击【新建环境】,填写环境名称并选择按量计费,开通环境。...在开通环境以后,请记住您的环境 ID,这个 ID 后续部署需要用到。 云开发环境创建完成后,单击左侧菜单栏中的【静态网站托管】,单击【选择已有按量计费环境】 ?...打开腾讯云 云开发控制台,单击左侧菜单栏中的【静态网站托管】>【设置】,进入设置页面,可以找到默认的域名,单击域名,就可以看到您刚部署的 Hexo。 ?
简单介绍一下: 云开发:开发者可以使用云开发(CloudBase)来直接开发网站应用,包括普通的 PC 网页或者公众号中的网页等(俗称 H5),在开发过程中即便需要后台服务也无需搭建服务器,可以直接使用云开发提供的云端能力...部署 在部署之前你需要先注册腾讯云账号,到云开发控制台,创建环境、选择按量付费、网站托管、开启静态网站服务,如果用过小程序云开发,可以使用小程序账号快速登入。...1.登入 cloudbase login 2.进入静态文件目录 cd .vuepress 3.部署文件 # 将 dist 目录下的所有文件部署到根目录 cloudbase hosting:deploy...dist -e envId 4.查看静态网站域名和状态 cloudbase hosting:detail -e envId 5.在浏览器打开静态网站域名,就可以看到 云开发部署的 VuePress 网站了...QQ截图20200331173829.png 小结 创建项目时,使用命令创建 README.md 文件网站中可能会出现乱码,可以换成手动创建 部署过程中用到的环境ID envId ,可以在 云开发控制台
Vercel 从前叫做 ZEIT,是前端团队的最佳工作流,将静态、Jamstack 部署、无服务器功能、全局 CDN 等整合在一起。...(撒花效果真不错) 点网站快照进去就可以看到我们部署成功的网页了。 不得不说vercel实在是太良心了,连证书都给你装好了。 自定义域名 这里以腾讯云为例。里面填你需要部署的域名,点击add。...前往腾讯云域名控制台添加解析记录。 blog那一栏和你刚刚的域名的前缀一致,然后点击保存等待解析生效即可。...自定义域名vercel也会给你颁发证书,(直接吹爆) 等待证书颁发完毕,就可以通过自定义域名访问你的静态网页了。 绕过GitHub部署 直接进入我们需要部署的静态网页的根目录,打开终端。...这样就是部署成功了,去vercel上看,发现网页已经生成了。然后自定义域名的步骤跟上面一样。 需要修改网页内容然后重新部署只需要在修改后在根目录执行下面命令即可。 vercel --prod
本文由腾讯云+社区自动同步,原文地址 https://stackoverflow.club/article/cos-cdn-static-website/ 困境 之前一直在使用coding.me的pages...之前有看到COS可以部署静态网站,不妨试一试。 部署 创建存储桶 [12w1d9sxc4.png] 点击那个按钮就可以了。...[vkvc9f5mv5.png] 开启静态网站 在基础配置中可以找到该选项,直接拉到最后。索引文档是打开域名后访问到的主页,错误文档要看自己网站的404页面是如何设置的。...[fa8w1ra19v.png] 好了,部署就是这么简单,现在可以访问静态网站设置中的访问节点了。 CDN加持 独立博客当然要使用自己的域名,腾讯的默认域名实在是太长了。...官方提供了两种方案,一种是使用自己的云服务器,使用proxy功能将独立域名的流量转发到COS;另一种是使用COS的CDN功能,绑定自定义域名。 在域名管理项可以选择配置自定义域名。
我们知道部署web应用程序的最佳方式是作为静态HTML应用程序,因为他对搜索引擎很友好,速度快等等,这对我们写个人博客这样的小型网站无异于非常nice。...如果你的应用可以作为静态HTML,那么可以试试Next.js。 它可以把一个应用程序作为静态页面导出,那么导出的静态页面怎么部署到静态托管呢?我们以云开发静态托管服务为例。 什么是云开发?...npm run build npm run export 我们发现根目录中生成了一个out文件夹,该文件夹下的所有文件就是我们生成的静态文件,所以接下来要做的事就是开通云环境并将其部署到静态网站托管...[image.png] 初始化成功后我们进到对应的环境中找到静态网站托管并开始使用 [image.png] 等待静态网站服务初始化后就可以使用啦~ 部署上传 首先在项目根目录下执行云开发登录命令 tcb...[image.png] [image.png] 总结 我们总结一下步骤,大体上只有三步 创建Next项目并生成静态文件 开通云环境与静态网站托管服务 使用云开发工具cloudbase/cli命令进行部署上传
下面来介绍\color{red}{ 如何将Nuxt部署到静态托管上?}...该文件夹下的文件就是生成的静态文件 [image.png] 到此Nuxt部分就已经搞定了,现在要做的就是怎样将这个静态网站托管到云开发?...[image.png] 初始化成功后我们进到对应的环境中找到静态网站托管并开始使用 [image.png] 等待静态网站服务初始化后就可以使用啦~ 接下来我们就可以将nuxt的静态网站上传到云开发静态网站托管了...首先执行登录命令 tcb login [image.png] 在弹出的页面进行授权 [image.png] 接着,将静态网站进行部署到云开发静态网站托管 这里我们将dist文件夹下的所有文件都部署到静态网站托管中...,执行命令 tcb hosting:deploy 文件夹 -e 云环境ID 这里的文件夹是将此文件夹下所有的文件都部署到云开发的根目录中,云环境ID可在环境ID下查看 [image.png] 因为我们希望将
# 安装 npm install -g serverless # 创建 本地创建demo文件夹 mkdir demo $ cd demo 文件夹中创建对应的 serverless.yml 文件,并将静态页面放在...code目录下 touch serverless.yml 静态页面 <!...index: index.html error: index.html region: ap-guangzhou bucketName: my-bucket # 部署...sls命令进行部署,可以添加--debug参数查看部署信息 # 移除 sls remove --debug # 根据 Serverless Framework 构建疫情数据展示页 serverless...template-url https://github.com/tinafangkunding/nCov-page cd nCov-page npm run bootstrap serverless --debug 部署详情
那么本篇文章,就教你如何把一个静态的WP部署到腾讯云的云开发上。 这里就有同学问了,什么是静态?为什么我们要使用静态? 1、什么是静态?-----我们这里所说的静态,是指静态的web网站。...2、内容改变需要重新部署,因为是静态的文件,所以你做的每次改动都需要重新部署到我们的云开发上,相对来说比较麻烦,如果你是经常更新甚至是日更,那么这个静态WP可能不是很适合你。...在使用插件之前,我们到我们腾讯云的控制台找到云开发 并创建好云环境,再进入云环境把网站托管打开。...下载完后,这个zip文件就是我们WP的静态文件啦 紧接着我们开始把这个静态文件部署到我们的云开发,我们解压文件到一个目录,我解压到了E:\test 如果不出意外的话你会看到一个index.html wordpress...wp-content index.php等文件夹 然后我们打开终端 进入他的上级目录 cd D:\ 紧接着我们登录我们的Cloudbase CLI 我们输入命令 tcb login 会自动跳转到腾讯云页面进行授权
coding 上,并成功迁移到腾讯云上存储桶 cos,但依旧发现很麻烦,而且主要是对象存储cos是收费的,每天看账号余额不足,着实难受 看到腾讯云今年推出的静态网站托管,于是跃跃欲试,试过后,果然是强大...01 前提准备 ⒈ 登录腾讯云平台,进入控制台 ⒉ 在顶部菜单栏的云产品中找到云开发下的静态网站托管(如下图所示) ?...02 创建云开发坏境 如果使用腾讯云的静态网站托管,需要先创建一个云坏境,它会自动的构建初始化一个坏境 在你创建好后,你只需要把本地打包好的 dist 文件扔到该坏境的根目录下就可以了,相当于只是做了一个上传代码的操作...(你可以手动上传代码文件,也可以通过命令行cli工具方式上传) 04 使用 cloudbase cli 工具部署文件到 cloudBase 科普一下静态网站托管 cloudBase是腾讯云提供的一个新的能力...云开发 cli 提供了直接部署网站文件的命令,在需要部署的文件夹目录下,直接运行hosting:deploy命令即可 将当前目录下所有文件部署到静态网站中,如下所示 $ cd dist $ cloudbase
腾讯云边缘函数(Edge Functions)提供了 EdgeOne 边缘节点的 Serverless 代码执行环境,只需编写业务函数代码并设置触发规则,无需配置和管理服务器等基础设施,即可在靠近用户的边缘节点上弹性...修改示例代码中的 BACKEND_PREFIX 常量,即可实现无服务器部署托管在 github/gitee 上的静态网站。 示例项目 摸鱼日报提供城市天气、热门榜单、农历等信息。...实现步骤 现在,我们来看看如何在腾讯云 EdgeOne 上部署一个无服务器的摸鱼日报。...EdgeOne 创建 Worker,并绑定一个可用的子域名,参见 边缘函数(EdgeOne Functions)快速指引 编辑 Worker 代码,并将以下 边缘函数代码 复制到 代码编辑器 中,完成部署...边缘函数代码 /** * 静态仓库托管 for daily-paper * @url https://github.com/rehiy/daily-paper * @author Rehiy
[封面] 前言 作为强迫症患者,一直对自动化部署非常痴迷,个人认为全自动部署最重要的就是稳定可靠,经过研究测试,最终使用GitHub和腾讯云两大平台,成功完成了全自动部署网站的实践....寻求方案 腾讯云COS对象存储服务能够提供静态网页服务,并可以配置CDN域名进行访问,那么就需要解决以下两个问题: 如何使GitHub自动同步文件到腾讯云COS 腾讯云COS对应的CDN如何自动刷新 解决方案...获取腾讯云API密钥 登录腾讯云控制面板 - 访问控制 - 访问密钥 - API密钥管理 新建密钥 [htavu2f1nc.jpeg] 此密钥拥有所有权限,为保证安全,也可以添加子用户,配置COS,CDN...对应的权限 配置腾讯云COS 登录腾讯云控制面板 - 对象存储 - 存储桶列表 创建存储桶 选择适合你的区域,设置权限为公有读私有写....[ogsz7aa1xo.jpeg] [8iebk45hvp.jpeg] --- 第二阶段 - 腾讯云 SCF云函数 [jaztk5637g.jpeg] 配置腾讯云CDN域名 登录腾讯云控制面板 - 对象存储
[7sxvu7dx0i.png] 云开发静态托管是云开发提供的静态网站托管的能力,静态资源(HTML、CSS、JavaScript、字体等)的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云 CDN...[Pages 国内测速数据] 云开发静态托管介绍 云开发静态托管是云开发提供的静态网站托管的能力,静态资源(HTML、CSS、JavaScript、字体等)的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云...可以通过腾讯云控制台、命令行工具以及下面会提到的云开发 Github Action 进行管理部署。...如何通过 Github Action 一键部署到云开发 下面演示如何将 Github 静态页面自动部署到云开发的静态托管,来获得稳定的访问速度和更多的扩展能力。...[ecefs3kg3j.png] 配置完之后就可以提交代码体验自动部署了,每次 git push Actions 都会自动运行,将项目的静态资源部署到自己的云开发静态托管环境,部署成功之后即可通过云开发提供的二级域名访问来自己的网站
新的一年新的成就,经历了一星期的思考,新的作品终于完成啦,14张页面经历了多次的修改和揣摩,希望大家能够喜欢。
简介 由于博客原来部署在Github上访问速度太慢,所以将原Hexo博客部署到腾讯云 部署环境 腾讯云服务器(CentOS 64位) 服务器配置 安装依赖包 yum install curl-devel...=(ALL) ALL 退出(esc + :wq)并修改权限 chmod 400 /etc/sudoers 本地使用gitbash创建密钥 ssh-keygen -t rsa //因为我在GitHub上部署博客时已经创建过密钥...,这里可以直接跳过生成,用以前的密钥 在腾讯云中创建ssh,并将本地的id_rsa.pub中的文件内容全部复制到authorized_keys中 su git mkdir ~/.ssh vim ~/.ssh...600 .ssh/authorized_keys chmod 700 .ssh 本地测试 ssh -v git@SERVER //@后是你自己的服务器公网IP,如果不出现failed字样,说明成功 云服务器中创建网站目录并设置权限...Hexo目录下修改_config.yml文件中的deploy后的repo改为: git@SERVER:/home/git/blog.git //@后为你的服务器公网IP 以上全部完成后,执行hexo的部署命令即可完成在腾讯云服务器上的博客部署
/mail.png" alt="" width="30"> //鼠标点击出现爱心特效 这部分特效是从一个网页搬过来的 觉得挺好看的 (function (window...background: url("44.jpg");/*设置背景图片*/ background-repeat: no-repeat; background-attachment: fixed;/*设置背景图不随网页滑动而改变
首先说明,我自己也是才转到静态博客不久。今天应该是第八天。当初迟迟没有转到静态博客的主要原因是因为发博客不方便。毕竟hexo是本地的。...但是一次偶然间,我发现了云环境(其实就是一个网页版的vscode),但其提供服务环境(Ubuntu、node等)。于是我突发奇想,试试能不能通过这个来实现在线写博客。最后成功了,因为我觉得很简单。...[脸红-小康博客] 实现云部署需要准备什么。 必须: git的基本知识 我认为这一点是必须的,不然不好操作。 两个git仓库 coding,码云,GitHub等均可以。...如果使用这种方式,无法使用hexo自动部署。 思路 首先我们来捋一下思路。 既然我们要部署静态博客,那么就需要将public目录上传。...使用云环境 写文章 为什么使用coding呢?它的优势就来了,它可以直接点进去云环境,如果使用其他平台需要进入腾讯开发者平台。大家自行百度,这里不提供链接了。
首先说明,我自己也是才转到静态博客不久。今天应该是第八天。当初迟迟没有转到静态博客的主要原因是因为发博客不方便。毕竟hexo是本地的。...但是一次偶然间,我发现了云环境(其实就是一个网页版的vscode),但其提供服务环境(Ubuntu、node等)。于是我突发奇想,试试能不能通过这个来实现在线写博客。最后成功了,因为我觉得很简单。...实现云部署需要准备什么。 必须: git的基本知识 我认为这一点是必须的,不然不好操作。 两个git仓库 coding,码云,GitHub等均可以。...如果使用这种方式,无法使用hexo自动部署。 思路 首先我们来捋一下思路。 既然我们要部署静态博客,那么就需要将public目录上传。...使用云环境 写文章 为什么使用coding呢?它的优势就来了,它可以直接点进去云环境,如果使用其他平台需要进入腾讯开发者平台。大家自行百度,这里不提供链接了。 ?
效果: 📷 群:970353786 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
注:本文以国内的 COS 存储桶为例,请准备好一个已经备案了的域名,否则将无法自定义域名以及无法使用腾讯云 CDN 服务大部分个人主页,hexo和hugo等博客,以及静态化后的wordpress博客等都适用于此方法...创建腾讯云 COS 存储桶进入腾讯云对象存储控制台 https://console.cloud.tencent.com/cos ,点击存储桶列表,创建储存桶?...配置腾讯云 COS 存储桶点击基础配置 - 静态网站,将静态网站功能打开,一般来说默认即可,也可以按需配置图片我们复制上图中的访问节点进行访问,如果你存储桶选择的是公有读私有写,那么你已经能访问到你的网站内容了...添加腾讯云 CDN 服务(二选一)4.1 直接在存储桶中配置自定义 CDN 域名点击域名与传输管理 - 自定义 CDN 加速域名,添加域名图片输入域名,加速地域按需选择,源站类型选择静态网站源站,如果是私有读写存储桶的话开启回源鉴权...访问网站现在访问你的 CDN 域名,你就能访问到你的网站辣(下面这个是我自己用上面的方法搭建的静态网站)图片----腾云先锋(TDP,Tencent Cloud Developer Pioneer)是腾讯云
领取专属 10元无门槛券
手把手带您无忧上云