首先,我在开始写这个专栏的时候,我所处的时代是一个自媒体泛滥,原创内容浮夸,但仍有科技快速发展的社会。
因此,我在开始写这个专栏的时候,我百度了一下《十年一站》,没有一个搜索结果,于是我的内心大松了一口气,这,就是原创,没错了。
好了,我现在所处的这个时代,云计算、大数据、人工智能三驾马车碾压着仓促的时间,留下了许多闪耀的精魄,《十年一站》开篇即将展开的零成本实现永久官网建设,就是这许多闪耀的精魄中,我觉得最为实用,而且容易使用的一项技术。下面我将以阿里云平台为实践的田野向大家详细撰写如何零成本实现“永久官网”。
首先,我们需要准备以下内容:
一、对象存储OSS(在阿里云平台免费开通)
二、用于生产环境的 Bootstrap(下载地址)
三、网站建设工具 DreamWeaver
然后,开始建设:
首先,我们将下载的用于生产环境的 Bootstrap解压到一个文件夹
如图所示,我们将会获得四个文件夹:css | js | fonts | example
接下来,我们通过使用 DreamWeaver设计出我们需要的网站页面,下面将以我现在就职的《瑞强电器》为例进行说明。
现在,我需要为《瑞强电器》做一个产品介绍页,用于展示《瑞强电器》每一年的产品详情。
网页设计完毕,接下来我们设置对象存储 OSS
首先,我们通过阿里云 OSS管理控制台新建一个Bucket"rqproduct"
请按照下图所示选择:标准储存类型 | 公共读权限 | 启用同城区域冗余储存
然后通过OSS客户端将本地静态文件及文件夹上传至"rqproduct",如下图所示:
然后通过阿里云 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管理控制台界面。
二、在左侧存储空间列表中,单击目标存储空间名称,打开该存储空间概览页面。
三、单击基础设置页签,找到静态页面区域。
四、单击设置,设置以下参数:
默认首页:即索引页面(相当于网站的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