【十年一站】零成本实现“永久官网”建设

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,恶意文件检测 1000次 1年
对象存储 OSS,内容安全 1000次 1年
简介: 首先,我在开始写这个专栏的时候,我所处的时代是一个自媒体泛滥,原创内容浮夸,但仍有科技快速发展的社会。 因此,我在开始写这个专栏的时候,我百度了一下《十年一站》,没有一个搜索结果,于是我的内心大松了一口气,这,就是原创,没错了。

首先,我在开始写这个专栏的时候,我所处的时代是一个自媒体泛滥,原创内容浮夸,但仍有科技快速发展的社会。

因此,我在开始写这个专栏的时候,我百度了一下《十年一站》,没有一个搜索结果,于是我的内心大松了一口气,这,就是原创,没错了。

好了,我现在所处的这个时代,云计算、大数据、人工智能三驾马车碾压着仓促的时间,留下了许多闪耀的精魄,《十年一站》开篇即将展开的零成本实现永久官网建设,就是这许多闪耀的精魄中,我觉得最为实用,而且容易使用的一项技术。下面我将以阿里云平台为实践的田野向大家详细撰写如何零成本实现“永久官网”。

首先,我们需要准备以下内容:

一、对象存储OSS(在阿里云平台免费开通

二、用于生产环境的 Bootstrap(下载地址

三、网站建设工具 DreamWeaver

然后,开始建设:

首先,我们将下载的用于生产环境的 Bootstrap解压到一个文件夹

4b88dd1e813981d7e80d4b318a3b25db9d602c59

如图所示,我们将会获得四个文件夹:css | js | fonts | example

接下来,我们通过使用 DreamWeaver设计出我们需要的网站页面,下面将以我现在就职的《瑞强电器》为例进行说明。

现在,我需要为《瑞强电器》做一个产品介绍页,用于展示《瑞强电器》每一年的产品详情。

255f10341348503e93f112b305d4cadc8fc5dfdb

网页设计完毕,接下来我们设置对象存储 OSS

首先,我们通过阿里云 OSS管理控制台新建一个Bucket"rqproduct"

请按照下图所示选择:标准储存类型 | 公共读权限 | 启用同城区域冗余储存

03663d897114942666266b7bfbe05ce683293273

然后通过OSS客户端将本地静态文件及文件夹上传至"rqproduct",如下图所示:

91627101c2c40525a8070e79f2cf94ef7d3962c2

然后通过阿里云 OSS管理控制台获得一个URL路径,例如:http://rqproduct.oss-cn-shenzhen.aliyuncs.com/

然后批量替换本地html文件中的本地路径,例如:assets/css/style.css 替换为 http://rqproduct.oss-cn-shenzhen.aliyuncs.com/assets/css/style.css

然后保存,将html通过OSS客户端上传至"rqproduct"

ok,ok

下面是关键的一步,将OSS设置为静态网站托管模式,具体操作步骤如下:

一、进入OSS管理控制台界面。

二、在左侧存储空间列表中,单击目标存储空间名称,打开该存储空间概览页面。

三、单击基础设置页签,找到静态页面区域。

b8d90c640ed5db273865344329123688e4bc3e7b

四、单击设置,设置以下参数:

        默认首页:即索引页面(相当于网站的index.html),仅支持根目录下html格式的文件。如果为空则不启用默认首页设置。

        默认 404 页:即访问错误路径时返回的默认404页,仅支持根目录下html、jpg、png、bmp、webp格式的文件。如果为空则不启用默认404页设置。

五、单击保存。

至此,“永久官网”建设完成,输入域名:http://rqproduct.oss-cn-shenzhen.aliyuncs.com/ 即可!(实际应用请将"rqproduct"替换为您的Bucket名称,"shenzhen"替换为您的Bucket所在区域简称)

这一套做下来,几乎不用出任何钱,但是根据我的个人经验,我是建议在您的个人账户中预存10元,或通过下面的链接领取1888元阿里云全产品通用代金券

https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=dkrxvo9r

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
相关文章
|
JSON 自然语言处理 JavaScript
深入理解Js里new Function语法
深入理解Js里new Function语法
[LeetCode] Gas Station
To solve this problem, some observations have to be made first. Let's first see two relatively easy observations.
867 0
利用SCI做的一个足球答题系统
  SCI,异步串行通信接口,内置独立的波特率产生电路和SCI收发器,可以选择发送8或9个数据位(其中一位可以指定为奇或偶校验位)。   SCI是全双工异步串行通信接口,主要用于MCU与其他计算机或设备之间的通信,几个独立的MCU也能通过SCI实现串行通信,形成网络。
|
6天前
|
NoSQL Cloud Native Redis
Redis核心开发者的新征程:阿里云与Valkey社区的技术融合与创新
阿里云瑶池数据库团队后续将持续参与Valkey社区,如过往在Redis社区一样耕耘,为开源社区作出持续贡献。
Redis核心开发者的新征程:阿里云与Valkey社区的技术融合与创新
|
7天前
|
弹性计算 安全 API
访问控制(RAM)|云上安全使用AccessKey的最佳实践
集中管控AK/SK的生命周期,可以极大降低AK/SK管理和使用成本,同时通过加密和轮转的方式,保证AK/SK的安全使用,本次分享为您介绍产品原理,以及具体的使用步骤。
101798 1
|
8天前
|
SQL 关系型数据库 分布式数据库
Doodle Jump — 使用Flutter&Flame开发游戏真不错!
用Flutter&Flame开发游戏是一种什么体验?最近网上冲浪的时候,我偶然发现了一个国外的游戏网站,类似于国内的4399。在浏览时,我遇到了一款经典的小游戏:Doodle Jump...
112727 12
|
11天前
|
SQL 存储 JSON
Flink+Paimon+Hologres 构建实时湖仓数据分析
本文整理自阿里云高级专家喻良,在 Flink Forward Asia 2023 主会场的分享。
71304 1
Flink+Paimon+Hologres 构建实时湖仓数据分析