使用阿里云的对象存储服务(Object Storage Service,简称 OSS)部署静态类网站。

说实话,使用OSS部署静态类Blog网站(例如:Hexo),是相当划算的一件事,相比于购买云主机,云服务器。

01150eac6049bc0621dc595b1ba49ce2.png

阿里云OSS一年才10块,哪怕按量付费也很便宜

当然,托管在 Github 或是 Coding 、码云之类的网站也没问题。

  • Github 国内访问慢的一批。
  • 码云要绑定自己的域名得开通 Gitee Pages Pro ,一年就99块(还不如买个空间呢)。
  • coding 可以绑定自己的域名,可以提交百度收录,5人+20个项目+50G空间,挺好的。但是,听说最近服务不是太稳定。需要在观察一下

但是,阿里云的OSS配合CDN,真香。

26a64f34c7480c16f8edd7b803afb599.png

OSS+CDN

再配合着免费的SSL证书,单纯自己记录些笔记,日志之类的还是非常方便的。

3a9bd51ed94ccc613a5064e650b78485.png

Let's Encrypt的证书

废话不多说了,下面开始了。

前期准备

  1. 账户里充值点钱(防止按量付费,开通失败)
  2. 准备个域名,记得备好案
  3. 一颗永不放弃的心(重要)

创建一个 OSS

访问阿里云的 OSS 控制台

可能提示你开通业务,开通一下即可。

51ceacaf4e0a77388d847460e417a941.png

访问 OSS 控制台

创建一个 Buckets

565a4b71b10f94341bae38bfe8074dfa.png

创建一个 Buckets

调整 Buckets 配置

读写权限,选择公共读,其他的默认就好

acb510aeda101ad31e22bdea68266760.png

配置 OSS 对应域名

阿里云出于安全考虑,使用默认域名访问文件时,Response Header中会自动加上 Content-Disposition:'attachment=filename;'。即从浏览器访问网页类型文件时,不会显示文件内容,而是以附件形式进行下载。

所以我们需要配置一个自己域名。

选择 Buckets列表 > 选择刚才创建的Buckets

a1cc98ca508f4a348c579ea71efc90bd.png

进入 Buckets 管理页面

选择传输管理 > 域名管理 > 绑定用户域名

00e0ad855addcf2a4dbefd693a5fdcbe.png

绑定域名

绑定一个自己域名(记得备案,不备案绑定不上)

info:记得把自动添加 CNAME 记录开关打开,不然你还得自己去配置域名解析

e422cd536b581fb7da041390b1b7261d.png

绑定一个自己域名

托管SSL证书(非必须)

启用网站HTTPS。你也可以直接在阿里云上申请一个免费的证书。

449b6fe732372c4e801b6f55ac2089f7.png

托管SSL证书

11768c528473f6f363c5ddb6818e7f51.png

上传证书信息

上传网站&启动静态网站托管

首先访问阿里云帮助中心,下载一个 ossbrowser,官方提供给的图形化OSS文件管理工具。

7a50ade7407b9e53b6ea82469ab91f85.png

下载 ossbrowser

输入用户名密码,上传文件。

d671100a9e0228214db29bd06ca0ed75.png

上传静态网站

启动静态网站托管

f7bc6e8e7e17f6924db0fbc9a0b14cc4.png

启动静态网站托管

配置网站的首页和404页面,记得打开 子目录首页 ,规则默认就好。

1d7e3ba972118740a5df9142028537f9.png

配置静态网站托管

享受成果吧!

18adb42257dd49462080c8559ec5a1a2.png

HEXO - 首页

2702c2c3c4765d51ef0c502d3fc9954e.png

404页面

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐